@charset "UTF-8";
/* CSS Document */



/* ------------- RESET ------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p,
fieldset, input, textarea, p, blockquote, th, td{margin: 0; padding: 0;}
img{border:none;outline: none;-ms-interpolation-mode:bicubic;}
img a{border:none;outline: none;}
a:focus{outline:none;}
a {overflow:hidden; text-decoration:none;}
html{width:100%;height:100%;margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
ol, ul{list-style:none;}
ui,li{margin:0; padding:0;}
fieldset, img{border:0;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}


/* ---------------------------------- */



.clearfix {
	float:none;
	clear:both;
}

body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#191919;
	font-size:12px;
	line-height:1.5em;
	font-family:Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-text-size-adjust:100%;
}

#wrapper{
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height:100%;
	width:100%;
}



/* ============================================================ */
/*                           CONTENTS                           */
/* ============================================================ */	

#conetnst{
	width:100%;
	padding:0 0px 100px 0px;
	margin:0 auto;
}



html,
body{
	min-width:1000px;
}


body {
	color:#666;
	background:#FFF;
	line-height:1.6;
}



.fr{ float:right;}
.fl{ float:left;}


#title_area{
	text-align:left;
	background:url(../images/socks_img.jpg) top right no-repeat;
	width:940px;
	height:490px;
	margin:0 auto;
}

#title_area h1{
	padding-top:160px;
}
#title_area p{
	padding-top:50px;
	padding-left:156px;
}



#paper_fiber{
	width:100%;
	background:#FFFFF7;
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
}


#paper_fiber h2{}
#paper_fiber h3{
	font-size:2.2em;
	margin-top:40px;
}
#paper_fiber .fiberInfo{
	margin:0 auto;
	margin-top:50px;
	width:650px;
}
#paper_fiber .fiberInfo .txt{
	width:350px;
	float:left;
	text-align:left;
	margin-left:30px;
	font-size:1.1em;
	line-height:2.2;
}
#paper_fiber .fiberInfo .txt h4{
	font-size:1.4em;
	margin-bottom:15px;
	margin-top:30px;
	line-height:1;
}


#question{
	width:100%;
	
}
#item{
	width:100%;
	border-top:1px solid #E0E0E0;
}
#question h2{
	font-size:2.4em;
	margin-bottom:40px;
}
#question .graph{
	position:relative;
	width:100%;
}
#question .comment{
	position:absolute;
	right:0;
	top:130px;
	text-align:left;
	width:280px;
}
#question .comment p{
	width:100%;
	border-bottom:1px solid #E0E0E0;
	padding:10px 0;
	line-height:1.4;
}

#item .item_left{
	width:450px;
	float:left;
	text-align:left;
}
#item .item_right{
	width:450px;
	float:right;
	text-align:left;
}
#item .item_txt{
	float:left;
	margin-left:25px;
}
#item h2{
	line-height:1.4;
	font-size:1.2em;
}
#item p{
	line-height:1.4;
	padding:2px 0;
}


.Inner{
	width:940px;
	margin:0 auto;
	text-align:center;
	padding:55px 0;
}

#item .Inner{
	padding:65px 0 !important;
}


#item .Inner .infoimg{
	padding-top:20px;
}

#item .Inner .buy{
	padding-top:15px;
}



.fiberInfo:after,
.Inner:after,
#item .item_right:after,
#item .item_left:after,
#halc:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}