/* CSS Document */

body{
margin:30px 0px 30px 0px;
padding:0px;
text-align:center;
background-color:#FFECD3;
background-image:url("../img/bg_caractor.jpg");
background-repeat:no-repeat;
background-position:center 130px;
font-family:"Osaka－等幅","ＭＳ ゴシック",sans-serif;
color:#666666;
}

#stage{
width:800px;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
background-color:#FFFFFF;
}

#stage-margin{
margin:0px 10px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
font-size:100%;
}

a:link,a:visited{
color:#00A3E7;
}
a:hover,a:active{
color:#FB9C00;
}

img{
margin:0px;
padding:0px;
border:none;
}

form{
margin:0px;
padding:0px;
}

input{
margin:0px;
padding:0px;
}

textarea{
margin:0px;
padding:0px;
}

select{
margin:0px;
padding:0px;
}

p{
margin:0px;
padding:0px;
}

ul{
margin:0px;
padding:0px;
}

li{
margin:0px;
padding:0px;
}

table{
font-size:100%; 
border-collapse:collapse;
}

caption{
background-image:url("../img/mark_orange01.jpg");
background-repeat:no-repeat;
background-position:0px 6px;
padding:0px 0px 0px 12px;
line-height:2.0em;
text-align:left;
}

td{
vertical-align:top;
padding:7px 10px; 
border:solid 1px #333333;
}

th{
background:#FA9B00; 
color:#ffffff; 
padding:7px 10px; 
vertical-align:middle;
text-align:left;
border:solid 1px #333333;
}

table thead th{
background:#666666; 
color:#ffffff; 
padding:0px 10px; 
vertical-align:middle;
text-align:left;
border:solid 1px #333333;
}

p.mark-orange01{
background-image:url("../img/mark_orange01.jpg");
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:12px;
}

p.mark-orange02{
background-image:url("../img/mark_orange02.jpg");
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:12px;
}

p.mark-green{
background-image:url("../img/mark_green.jpg");
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:12px;
}

p.mark-pink{
background-image:url("../img/mark_pink.jpg");
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:12px;
}

.content ul.mark-orange01 li{
list-style-image:url("../img/mark_orange01.jpg");
line-height:1.0em;
}

.content ul.mark-orange01 li ul li{
list-style-image: none;
list-style-type:disc;
line-height:2.0em;
}

.content ul.mark-orange02 li{
list-style-image:url("../img/mark_orange02.jpg");
line-height:1.0em;
}

.content ul.mark-orange02 li ul li{
list-style-image: none;
list-style-type:disc;
line-height:2.0em;
}

.content ul.mark-green li{
list-style-image:url("../img/mark_green.jpg");
line-height:1.0em;
}

.content ul.mark-green li ul li{
list-style-image: none;
list-style-type:disc;
line-height:2.0em;
}

.content ul.mark-pink li{
list-style-image:url("../img/mark_pink.jpg");
line-height:1.0em;
}

.content ul.mark-pink li ul li{
list-style-image: none;
list-style-type:disc;
line-height:2.0em;
}

div{
margin:0px;
padding:0px;
}

/*色--------------------------------------------------------------*/

.white{
color:#FFFFFB;
}

.gray{
color:#77787B;
}

.black{
color:#0D0116;
}

.red{
color:#F15B5B;
}

.orange{
color:#F58220;
}

.yellow{
color:#FFD800;
}

.yellow-green{
color:#B2D235;
}

.green{
color:#00B16B;
}

.blue{
color:#007DC5;
}

.purple{
color:#956DAF;
}

.pink{
color:#F8ABA6;
}

.brown{
color:#875C44;
}

.olive{
color:#6D5F1A;
}

/*色--------------------------------------------------------------*/


.float{
float:left;
margin:0px;
padding:0px;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}

.address{
margin:0px;
padding:0px;
}

h2.orange01-gray,h3.orange01-gray,h4.orange01-gray{
background-image:url("../img/h_orange01.jpg");
background-repeat:repeat-y;
background-color:#666666;
color:#ffffff;
padding:5px 5px 5px 15px;
margin-bottom:10px;
}

h2.orange02-gray,h3.orange02-gray,h4.orange02-gray{
background-image:url("../img/h_orange02.jpg");
background-repeat:repeat-y;
background-color:#666666;
color:#ffffff;
padding:5px 5px 5px 15px;
margin-bottom:10px;
}

h2.green-gray,h3.green-gray,h4.green-gray{
background-image:url("../img/h_green.jpg");
background-repeat:repeat-y;
background-color:#666666;
color:#ffffff;
padding:5px 5px 5px 15px;
margin-bottom:10px;
}

h2.pink-gray,h3.pink-gray,h4.pink-gray{
background-image:url("../img/h_pink.jpg");
background-repeat:repeat-y;
background-color:#666666;
color:#ffffff;
padding:5px 5px 5px 15px;
margin-bottom:10px;
}

h2.pink-gray a:link,h2.pink-gray a:visited,h3.pink-gray a:link,h3.pink-gray a:visited,h4.pink-gray a:link,h4.pink-gray a:visited{
color:#ffffff;
}
h2.pink-gray a:hover,h2.pink-gray a:active,h3.pink-gray a:hover,h3.pink-gray a:active,h4.pink-gray a:hover,h4.pink-gray a:active{
color:#ffffff;
}

h2.orange01-line,h3.orange01-line,h4.orange01-line{
background-image:url("../img/h_orange01.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:10px;
border:1px solid #666666;
}

h2.orange02-line,h3.orange02-line,h4.orange02-line{
background-image:url("../img/h_orange02.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:10px;
border:1px solid #666666;
}

h2.green-line,h3.green-line,h4.green-line{
background-image:url("../img/h_green.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:10px;
border:1px solid #666666;
}

h2.pink-line,h3.pink-line,h4.pink-line{
background-image:url("../img/h_pink.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:10px;
border:1px solid #666666;
}

h2.orange01,h3.orange01,h4.orange01{
background-image:url("../img/h_orange01.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:15px;
}

h2.orange02,h3.orange02,h4.orange02{
background-image:url("../img/h_orange02.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:15px;
}

h2.green,h3.green,h4.green{
background-image:url("../img/h_green.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:15px;
}

h2.pink,h3.pink,h4.pink{
background-image:url("../img/h_pink.jpg");
background-repeat:repeat-y;
padding:5px 5px 5px 15px;
margin-bottom:15px;
}

input.cart{
background-image:url("../img/button_incart.jpg");
background-repeat:no-repeat;
background-color:#ffffff;
width:140px;
height:30px;
padding:0px;
margin:10px 0px;
font-size:75%;
font-weight:bold;
color:#ffffff;
text-align:center;
border:none;
cursor:pointer;
}

input.cart-large{
background-image:url("../img/button_incart_large.jpg");
background-repeat:no-repeat;
background-color:#ffffff;
width:200px;
height:40px;
padding:0px;
margin:10px 0px;
font-size:75%;
font-weight:bold;
color:#ffffff;
text-align:center;
border:none;
cursor:pointer;
}

/*ヘッド****************************************************************************************/

#head{
margin:0px;
border-bottom:solid 5px #cccccc;
padding-bottom:10px;
}

#head h2{
color:#666666;
font-size:75%;
font-weight:normal;
}

#head .head-left{
float:left;
width:285px;
margin-top:10px;
}

#head .head-right{
float:left;
width:495px;
}

#head .h2-block{
padding-bottom:8px;
border-bottom:solid 1px #cccccc;
}

.head-right-float-left{
float:left;
}

.head-right-float-left h2{
margin-top:28px;
}

.head-right-float-right{
float:right;
}

.head-right-float-right h2{
margin-top:10px;
}

#head .top-menu{
padding-top:10px;
}

#head .top-menu h2{
display:block;
float:left;
}

#head .top-menu h2.top-menu-margin-right img{
margin:0px 5px 0px 0px;
}

/*ボディ****************************************************************************************/

#body{
margin:30px 0px 0px 0px;
padding:0px;
}

/*レフトブロック--------------------------------------*/

.left{
float:left;
width:190px;
margin:0px;
padding:0px;
}

.left-space{
margin-right:30px;
padding:0px;
}

.left p{
font-size:75%;
line-height:1.5em;
margin-bottom:8px;
}

.left .button{
margin-bottom:25px;
}

.left .button a{
background-image:url("../img/side_button.jpg");
background-repeat:no-repeat;
background-color:#ffffff;
display:block;
width:160px;
height:30px;
padding:0px;
margin:0px 0px 5px 0px;
font-size:75%;
font-weight:bold;
color:#ffffff;
text-align:center;
text-decoration:none;
}

.left .button a span{
display:block;
padding-top:10px;
}

/*コンテンツブロック--------------------------------------*/

.content{
float:right;
width:590px;
}

.content-space{
width:580px;
}



.content table{
font-size:75%;
}

.content ul{
margin:10px 15px;
}

.content ul li{
margin: 0px 0px 10px 15px;
line-height:2.0em;
font-size:75%;
}

.content ul li ul{
margin:10px 5px;
}

.content ul li ul li{
margin: 0px 0px 10px 5px;
font-size:100%;
}

.content p{
font-size:75%;
line-height:1.5em;
margin-bottom:7px;
}

.content .block{
margin:10px 0px;
}

.content h2{
margin-bottom:10px;
}

.content h2 img{
margin-bottom:10px;
}

/*　トップページ用　*/
.toppage-block{
margin-bottom:10px;
}

.toppage-block .float{
float:left;
}

.toppage-block .banner .block{
width:290px;
height:220px;
float:left;
margin:0px;
}

.toppage-block .banner .float-right{
width:290px;
float:right;
height:220px;
margin:0px;
}

.toppage-h2-text h2{
font-size:75%;
font-weight:normal;
line-height:1.5em;
}

.toppage-block h2.outline{
text-align:center;
margin-top:25px;
}

img.border{
border:1px solid #666666;
}

/*　カテゴリリストページ用　*/
.category-list{
margin-bottom:15px;
}

.category-list .photo{
background-image:url("../img/photo_bg.jpg");
background-repeat:no-repeat;
width:200px;
height:200px;
float:left;
}

.category-list .photo img{
margin:15px;
}

.category-list .article{
width:370px;
float:left;
margin-top:10px;
}

.category-list .price{
font-size:100%;
font-weight:bold;
}

.category-list .article .float{
margin:0px 10px 0px 0px;
}

.category-list .article select{
width:200px;
}

/*　個別ページ用　*/

.individual .photo{
background-image:url("../img/photo_bg_large.jpg");
background-repeat:no-repeat;
width:368px;
height:368px;
float:left;

}

.individual .photo img{
margin:18px;
}

.individual .price{
font-size:100%;
font-weight:bold;
}

.individual .article .float{
margin:0px 10px 0px 0px;
}

.individual .article{
padding-top:20px;
}

.individual .article select{
width:200px;
}

.content-space h3.orange02-line strong,.content-space h3.orange02 strong{
color:#EB5E00;
}

.individual .article-text{
color:#000000;
}

.article-text h1{
margin:1em 0px 1em 0px;
padding:5px;
border-left:solid 5px #EB5E00;
background-color:#e6e6e6;
font-size:137.5%;
line-height:1.2em;
}

.article-text h2{
margin:1em 20px 1em 0px;
padding:5px;
border-left:solid 5px #EB5E00;
background-color:#e6e6e6;
font-size:125%;
line-height:1.2em;
}

.article-text h3{
margin:1em 40px 1em 0px;
padding:5px;
border-left:solid 5px #EB5E00;
background-color:#e6e6e6;
font-size:112.5%;
line-height:1.2em;
}

.article-text h4{
margin:1em 60px 1em 0px;
padding:5px;
border-left:solid 5px #EB5E00;
background-color:#e6e6e6;
font-size:100%;
line-height:1.2em;
}

.article-text h5{
margin:1em 80px 1em 0px;
padding:5px;
border-left:solid 5px #EB5E00;
background-color:#e6e6e6;
font-size:87.5%;
line-height:1.2em;
}

.article-text h6{
margin:1em 100px 1em 0px;
padding:5px;
border-left:solid 5px #EB5E00;
background-color:#e6e6e6;
font-size:75%;
line-height:1.2em;
}

.article-text p{
margin:1em 0px 1em 0px;
padding:0px;
font-size:87.5%;
line-height:2.0em;
}

.content .article-text ul{
margin:1em 0px 1em 40px;
padding:0px;
font-size:87.5%;
line-height:2.0em;
}

.content .article-text ol{
margin:1em 0px 1em 40px;
padding:0px;
font-size:87.5%;
line-height:2.0em;
}

.content .article-text ul ul,.content .article-text ul ol,.content .article-text ol ul,.content .article-text ol ol{
font-size:100%;
}

.content .article-text li{
margin:0px;
padding:0px;
font-size:100%;
line-height:2.0em;
}

.article-text blockquote{
margin:1em 0px 1em 40px;
padding:0px;
font-size:100%;
line-height:2.0em;
}

.article-text table{
margin:1em 0px 1em 0px;
padding:0px;
font-size:87.5%;
line-height:1.5em;
color:#000000;
}

.article-text strong{
color:#EB5E00;
}

/*ウェブページ*/
.webpage-block{
padding-top:10px;
}

.webpage-block .block{
margin-bottom:30px;
}

.webpage-block .block p,.webpage-block .block table{
margin-left:15px;
line-height:2.0em;
}

table.membergroup{
width:560px
}

th.member,td.member{
width:80px;
}

th.charge,td.charge{
width:110px;
}

th.part,td.part{
width:370px;
}

.news h2{
margin-bottom:20px;
}

.news h3{
margin-bottom:10px;
}

.news .article{
margin-bottom:20px;
}

.news p{
margin-left:15px;
}

table.news-newlist th,table.news-newlist td{
background-color:#ffffff;
border:none;
color:#666666;
font-weight:normal;
line-height:1.0em;
}

table.news-newlist th{
background-image:url("../img/mark_pink.jpg");
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:15px;
}

.contact table{
margin:10px 0px;
}

.contact p{
line-height:2.0em;
}

.block p.mark-orange01{
p.mark-orange01{
background-image:url("../img/mark_orange01.jpg");
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:12px;
}

.block p.mark-orange02{
background-image:url("../img/mark_orange02.jpg");
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:12px;
}

.block p.mark-green{
background-image:url("../img/mark_green.jpg");
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:12px;
}

.block p.mark-pink{
background-image:url("../img/mark_pink.jpg");
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:12px;
}
}


/*フッター****************************************************************************************/

.footer{
border-top:solid 4px #cccccc;
padding:20px 0px 0px 0px;
margin:10px 0px 0px 0px;
}

.footer p{
font-size:75%;
line-height:1.5em;
}

address{
text-align:center;
border-top:solid 1px #cccccc;
margin:20px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-family:Arial,"Osaka－等幅","ＭＳ ゴシック",sans-serif;
font-style:normal;
font-size:75%;
color:#666666;
}z