@charset "utf-8";
/*
-----------------------------------------------------------------------------------------------
ＧＳＣＣ基本スタイルシート
制作者：田口眞介
更新日：2008年7月4日
-----------------------------------------------------------------------------------------------
目次

・基本構造
・リンク
・ヘッダ
・ナビゲーション
・メインコンテンツ
　・メインコンテンツ右
　・メインコンテンツ左
・フッタ
・その他
-----------------------------------------------------------------------------------------------*/


/*基本構造
-----------------------------------------------------------------------------------------------*/
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form{	
	margin:0; 
	padding:0;	
}

h1,h2,h3,h4,h5,h6,p{	
	font-size:62.5%;	
}

body{background-color:#000000;}

div#wrapper{
width:980px;
margin:0 auto;
padding:0;
}


/*リンク
-----------------------------------------------------------------------------------------------*/
img {border:none;}
a {	text-decoration: none;
color: #000000;}
a:link {color: #000000;}
a:visited {color: #0066CC;}
a:hover {text-decoration: underline;color: #0033CC;}
a:active {color: #000000;}

/*ヘッダ
-----------------------------------------------------------------------------------------------*/

div#header{
width:980px;
height:130px;
margin:0 0 12px 0;
padding:0;
background-image:url(../images/common/headerBack.jpg);
background-repeat:no-repeat;
}


/*ナビゲーション
-----------------------------------------------------------------------------------------------*/	
div#navigation{
	width:980px;
	height:56px;
	margin:0;
	padding:0;
	background-image:url(../images/common/navigationBack.jpg);
	background-repeat: no-repeat;
}

div#navigation ul{
	width:980px;
	height:56px;
	margin-left:20px;
	padding:0px;
}

div#navigation li{
	float: left;
	list-style-type: none;
	display: inline ;
}


div#navigation li a {
	display: block;
	width: 94px;
	background-image: url(../images/common/navigationBack2.jpg);
	text-indent: -99999px;
	height: 56px;
	overflow:hidden;
}

#navi01 a{background-position: 0 0;}
#navi02 a{background-position: -94px 0;}
#navi03 a{background-position: -188px 0;}
#navi04 a{background-position: -282px 0;}
#navi05 a{background-position: -376px 0;}
#navi06 a{background-position: -470px 0;}
#navi07 a{background-position: -564px 0;}
#navi08 a{background-position: -658px 0;}
#navi09 a{background-position: -752px 0;}
#navi10 a{background-position: -846px 0;}

#navi01 a:hover{background-position: 0 -56px;}
#navi02 a:hover{background-position: -94px -56px;}
#navi03 a:hover{background-position: -188px -56px;}
#navi04 a:hover{background-position: -282px -56px;}
#navi05 a:hover{background-position: -376px -56px;}
#navi06 a:hover{background-position: -470px -56px;}
#navi07 a:hover{background-position: -564px -56px;}
#navi08 a:hover{background-position: -658px -56px;}
#navi09 a:hover{background-position: -752px -56px;}
#navi10 a:hover{background-position: -846px -56px;}

#navi01 .stay{background-position: 0 -112px;}
#navi02 .stay{background-position: -94px -112px;}
#navi03 .stay{background-position: -188px -112px;}
#navi04 .stay{background-position: -282px -112px;}
#navi05 .stay{background-position: -376px -112px;}
#navi06 .stay{background-position: -470px -112px;}
#navi07 .stay{background-position: -564px -112px;}
#navi08 .stay{background-position: -658px -112px;}
#navi09 .stay{background-position: -752px -112px;}
#navi10 .stay{background-position: -846px -112px;}


/*メインコンテンツ
-----------------------------------------------------------------------------------------------*/	

div#contents{
	clear:left;
	width:980px;
	margin:0;
	padding:0;
	overflow:auto!important;
    overflow /**/: hidden;
 	background-image: url(../images/common/contentsBack.jpg);
	background-repeat: repeat-y;
	background-color:#F3F3F3;

}


/*メインコンテンツ左
-----------------------------------------------------------------------------------------------*/	
div#maincol{
	margin:0;
	padding:0;
	float:left;
	width:640px;
	background-image: url(../images/common/contentsBack.jpg);
	background-repeat: repeat-y;
	background-color:#F3F3F3;
}

div#topimage{
margin:0;
padding:20px 0 20px 20px;
} 



/*パンくずリスト
-----------------------------------------------*/	
div#maincol ol#pankuzu{
height:36px;
background:url(../images/common/pankuzu_back.jpg) repeat-x;
list-style:none;
margin:20px 0 0 20px;
padding:0 0 0 20px;
}

div#maincol ol#pankuzu li{
float:left;
line-height:36px;
color:#FFFFFF;
font-size:70%;
}

div#maincol ol#pankuzu li a{
display:block;
background:url(../images/common/pankuzu_arrow.jpg) no-repeat right;
padding:0 20px 0 0;
color:#FFFFFF;
}






div#maincol h2.h2image{
margin:0;
padding:20px 0 5px 20px;
}

div#maincol ul.news{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

div#maincol ul.news li {
	border-bottom:#666666 solid 1px;
	list-style:none;
	font-size:90%;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	line-height: 26px;
	background-image: url(../images/common/2arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

div#maincol ul.news li span.pubDate{
font-size:80%;
color:#CCCCCC;
margin-left:20px;
}

div#maincol .newvideo{
margin:0;
padding:0 0 0 20px;
float:left;
width:300px;
}

div#maincol .newvideophoto{
float:left;
	padding:0;
	margin: 0;
	width: 85px;
}

div#maincol .newvideotext{
float:left;
width: 215px;
margin:0;
padding:0;
}

div#maincol .newvideotext h3{
	margin:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	color: #666666;
	padding:0 0 3px 0;
}

div#maincol .newvideotext p{
	margin:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	color: #666666;
	padding: 5px 0 0 0;
}


div#maincol .newvideocol {
	width:300px;
	margin: 5px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding: 0;
}

div#maincol .newvideocol hr{
	clear:left;
	margin: 0;
	padding: 5px 0 0 0;
	visibility: hidden;
}

div#maincol .sctranking{
margin:0;
padding:0 0 0 20px;
float:left;
width:300px;
}

div#maincol ul.ichiran{
margin:0 0 30px 0;
padding:0;
text-align:right;
}

div#maincol ul.ichiran li{
	display:inline;
	font-size:70%;
	
}

div#maincol ul.ichiran li a{
	text-decoration: none;
	line-height: 20px;
	background-image: url(../images/common/1arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px
}

div#maincol ul.ichiran li a:hover{
	text-decoration:underline;
}

div#maincol p.alignRight{
	text-align:right;
	margin:5px 5px 5px 0;
}

/*メインコンテンツ右
-----------------------------------------------------------------------------------------------*/	
div#sidebar{
	float:left;
	width:340px;
	margin:0;
	padding:0;
	background-image: url(../images/common/sideback.jpg);
	background-repeat: repeat-y;
	background-color:#F3F3F3;
}

div#sidebar h2.h2image{
	margin:0;
	padding:20px 0 5px 20px;
}

div#sidebar .pickup{
	width:300px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding: 0;

}

div#sidebar .pickupphoto{
	float:left;
	padding:0 ;
	margin: 0;
	width: 85px;
}
div#sidebar .pickuptext {
	float:left;
	width: 215px;
	margin:0;
	padding:0;
}

div#sidebar .pickuptext h3{
	margin:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	color: #666666;
	padding:0 0 3px 0;
}

div#sidebar .pickuptext p{
	margin:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	color: #666666;
	padding: 5px 0 0 0;
}

div#sidebar .pickup hr{
	clear:left;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	visibility: hidden;
}


div#sidebartopimage{
margin:0;
padding:20px 0 20px 20px;
}

div#sidebar dl.focus{
width:300px;
margin:0 0 0 20px;
padding:0;
}
div#sidebar dt{
width:300px;
margin:0;
padding:0;
}
div#sidebar dd{
	width:300px;
	font-size:80%;
	line-height: 20px;
	background-image: url(../images/common/1arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

div#sidebar dd a:hover{
text-decoration:underline;
}
/*フッタ
-----------------------------------------------------------------------------------------------*/	
div#footer{
	clear:left;
	background-image:url(../images/common/footerBack.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:180px;
	margin:0;
	padding:0;
	text-align:center;
}

div#footer #footerlink{
	margin:0 auto;
	padding:50px 0 0 0 ;
}

div#footer #footerlink li{
	display:inline;
	font-size:70%;
}

div#footer #footerlink li a{
	text-decoration: none;
	line-height: 20px;
	background-image: url(../images/common/1arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px
}

div#footer #footerlink li a:hover{
	text-decoration: underline;
}


div#header img {
	margin-top: 20px;
	margin-left: 10px;
}

div#header h1#info {
	font-size: 80%;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}



/*体験のページ
-----------------------------------------------------------------------------------------------*/	

div#maincol p.text1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	color: #000000;
	line-height:150%;
	padding-top: 10px;
	padding-left: 20px;
}
div#maincol h3.texth3 {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	color: #000000;
	line-height:150%;
	padding-top: 10px;
	padding-left: 20px;
}

div#maincol p.photo1 {
	float:left;
	margin: 10px 20px 5px 20px;
}
div#maincol .exprience .exprience1 {
	float: left;
	width: 120px;
	height:100%;
	padding:10px 0 0 20px;
}
div#maincol .exprience .exprience2 {
	float: left;
	width:500px;
	height:100%;
	padding:0 0 20px 0;
	border-bottom:#CCCCCC 1px dotted;
}
div#maincol .exprience .exprience2 h4 {
	/*border-bottom-width: 1px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;*/
	font-size: 90%;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 0;
}
div#maincol .exprience .exprience2 p {
	font-size: 80%;
	line-height: 150%;
	padding-left: 0;
}


/*特定商取引法規表示のページ
-----------------------------------------------------------------------------------------------*/	
div#maincol dl#houki{
border-top:1px solid #999999;
width:620px;
margin:20px 0 30px 20px;
padding:0;
}

div#maincol dl#houki dt{
float:left;
width:150px;
padding:10px 0 10px 10px;
font-weight:bold;
text-align:left;
font-size:80%;
}
div#maincol dl#houki dd{
padding:10px 10px 10px 165px;
border:1px solid #999999;
border-top:0;
background:url(../images/common/border.jpg) repeat-y;
font-size:80%;

}


/*プライバシーポリシーのページ
-----------------------------------------------------------------------------------------------*/	

div#maincol #privacy{
width:620px;
margin:20px 0 30px 20px;
padding:0;
}

div#maincol #privacy h3{
	background-color:#E7E7CD;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	padding:10px 0 10px 20px;
	margin:0;
}

div#maincol #privacy p{
	font-size:80%;
	padding:10px 0 10px 20px;
	margin:0;
	line-height: 150%;
	color: #000000;
}

div#maincol #privacy ul{
font-size:80%;
	padding:10px 0 10px 20px;
	margin:0;
	line-height: 150%;
	color: #000000;
	}
	
	
/*FAQのページ
-----------------------------------------------------------------------------------------------*/	

div#faq{
width:640px;
margin:0 0 30px 0;
padding:0;
}

div#faq p.faqsetumei{
width:500px;
margin:5px auto;
padding:5px 10px;
text-align:left;
font-size:80%;
color:#CC3300;
background-color:#FFFFCC;
border:dotted 1px #FF6600;
line-height:150%;
}

div#faq p.faqsetumei span.faqfutoji{
font-weight:bold;
}
/*準備
---------------------------------------------------------*/	
div#faq .faqcon1 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style1bottom.png) bottom right no-repeat;
}



div#faq .faqcon1 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#F98825;
color:#FFFFFF;
}

div#faq .faqcon1 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon1 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon1 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}

/*造形#F04D20
---------------------------------------------------------*/	
div#faq .faqcon2 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style2bottom.png) bottom right no-repeat;
}



div#faq .faqcon2 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#F04D20;
color:#FFFFFF;
}

div#faq .faqcon2 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon2 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon2 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}



/*乾燥#4FA028
---------------------------------------------------------*/	
div#faq .faqcon3 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style3bottom.png) bottom right no-repeat;
}



div#faq .faqcon3 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#4FA028;
color:#FFFFFF;
}

div#faq .faqcon3 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon3 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon3 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}


/*整形#22722B
---------------------------------------------------------*/	
div#faq .faqcon4 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style4bottom.png) bottom right no-repeat;
}

div#faq .faqcon4 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#22722B;
color:#FFFFFF;
}

div#faq .faqcon4 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon4 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon4 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}

/*焼成#593F7F
---------------------------------------------------------*/	
div#faq .faqcon5 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style5bottom.png) bottom right no-repeat;
}

div#faq .faqcon5 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#593F7F;
color:#FFFFFF;
}

div#faq .faqcon5 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon5 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon5 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}

/*仕上げ#BD3C79
---------------------------------------------------------*/	
div#faq .faqcon6 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style6bottom.png) bottom right no-repeat;
}

div#faq .faqcon6 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#BD3C79;
color:#FFFFFF;
}

div#faq .faqcon6 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon6 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon6 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}


/*後加工#B27921
---------------------------------------------------------*/	
div#faq .faqcon7 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style7bottom.png) bottom right no-repeat;
}

div#faq .faqcon7 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#B27921;
color:#FFFFFF;
}

div#faq .faqcon7 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon7 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon7 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}


/*完成・異素材#005B9C
---------------------------------------------------------*/	
div#faq .faqcon8 {
float:left;
width:300px;
height:100%;
display:block;
margin:20px 0 0 20px;
padding:0;
background:url(../images/faq/style8bottom.png) bottom right no-repeat;
}

div#faq .faqcon8 h2{
width:275px;
height:100%;
margin:0;
padding:10px ;
font-size:90%;
background-color:#005B9C;
color:#FFFFFF;
}

div#faq .faqcon8 h2 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

div#faq .faqcon8 p{
width:245px;
margin:0;
padding:20px 0 0 20px ;
font-size:80%;
line-height:150%;
}


div#faq .faqcon8 p.faqarrow{
width:290px;
margin:0;
padding:10px 0 10px 0;
text-align:right;
}

/*ビデオ閲覧についてのページ
-----------------------------------------------------------------------------------------------*/	
div#aboutvideo{
}

div#aboutvideo h3{
margin:0 0 0 20px;
padding:10px 20px;
background-color:#66CC33;
color:#FFFFFF;
font-size:80%;
}

div#aboutvideo p{
margin:0 0 0 20px;
}


div#shopinfo{
clear:both;
margin:30px 20px ;
padding:0;
}

div#shopinfo p{
margin:0;
padding:0;
}



/*HOW TOのページ
-----------------------------------------------------------------------------------------------*/	
div#maincol #howto{
margin:10px 20px  0 20px;
padding:0;
}


div#maincol #howto h3{
clear:both;
margin:10px 0 5px 0;
padding:5px 0 5px 20px;
font-size:90%;
font-weight:bold;
background-color:#336699;
color:#FFFFFF;
}

div#maincol #howto h4{
	margin:10px 0 5px 0;
	padding:5px 0 5px 20px;
	font-size:100%;
	font-weight:bold;
	color:#006699;
}

div#maincol #howto p{
margin:0;
padding:5px 0 10px 0;
font-size:90%;
line-height:150%;
}

div#maincol #howto p.howtophotoL{
margin:5px 10px 5px 10px;
padding:0;
float:left;

}


/*ギンスケについてのページ
-----------------------------------------------------------------------------------------------*/	

div#maincol #aboutindex{
margin:30px 20px  0 20px;
padding:0;
}

div#maincol #aboutindex dl{
margin:0;
padding:0;
}


div#maincol #aboutindex dt{
margin:10px 0 5px 10px;
padding:0;
font-size:90%;
font-weight:bold;
}


div#maincol #aboutindex dd{
margin:10px 0 20px 20px;
padding:0;
font-size:80%;
}