@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++common*/

* {
	margin:0;
	padding:0;
}
*, *:before, *:after {
    box-sizing: content-box;
}

#wrapper { _display:block;}

#wrapper{
    display: none;
}

img {
	border: none;
}
li, ul {
	list-style: none;
}
a {
	color: #004a7c;
    text-decoration: underline;
}
.clearfix {
	display: block;
	clear: both;
	height: 0;
}
body {
	margin:0;
	padding:0;
	text-align: center;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#004a7c;
	background:url(/static/full/socool/_img/bg.png) repeat-x;
	background-color:#f7fbfc;

}

.page_top {
	margin:20px auto;
	height:20px;
	width:820px;
	text-align:right;
}

#wrapper {
	width:880px;
	margin:0 auto;
	height:100%;
	position:relative;
}

#fade {
position:absolute; /* ie6 */
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}

#header{
	height:80px;
}

#navi{
width:880px;
height:80px;
text-align:left;
}

.logo{
width:129px;
height:80px;
text-align: left;
float:left;
}

.gn_line{
width:1px;
height:40px;
text-align: left;
float:left;
background-color:#FFF;
margin:20px 0;
}

.gn{
width:187px;
height:40px;
text-align: left;
float:left;
margin:20px 0;
}

.gn_last{
width:187px;
height:40px;
text-align: left;
float:left;
margin:20px 0;
}
/*+++++++

/*+++++++++++footer*/

#footer{
	height:156px;
}

#link_box{
	width:880px;
	height:47px;
	margin:18px 0 0 0;
}

.link{
	width:140px;
	height:47px;
	margin:0 8px 0 0;
	float:left;
}

.link_last{
	width:140px;
	height:47px;
	float:left;
}

#footer_box{
	width:880px;
	height:12px;
	margin:18px 0 0 0;
	text-align:left;
}

#footer_box li {
	margin:0 5px 0 0;
	font-size:12px;
	float:left;
}

#footer_logo {
	position:absolute;
	right:0;
	float:left;
}
/*++++contents_top*/

#fade_box{
height:420px;
width:880px;
margin:0 auto;
}

.fadein {
height:420px;
width:880px;
margin:0 auto;

position:relative;
}
.fadein img { position:absolute; left:0; top:0; }


#contents{
	width:880px;
	height:102px;
	margin:18px 0;
}

#socoolmovie{
	width:180px;
	height:102px;
	float:left;
}

#info{
	width:674px;
	height:102px;
	float:left;
	text-align:left;
	margin:0 0 0 12px;
}

#info_title{
	width:102px;
	height:12px;
}

#info_txt_box{
	width:686px;
	height:82px;
	margin:8px 0 0 0;
}

.info_txt{
	height:12px;
	margin:8px 0 0 0;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++concept*/

#concept_contents{
	width:878px;
	margin:0 auto;
	border:1px #ccc solid;
	background-color:#FFF;
	background-position:bottom;
	background-repeat:no-repeat;
}

#concept_bar{
	width:820px;
	height:50px;
	margin:0 auto;
	background-image:url(/static/full/socool/_img/concept_bar.jpg);
	background-repeat:no-repeat;
}

#concept_copy{
	width:457px;
	height:112px;
	margin:40px auto 0;
	background-image:url(/static/full/socool/_img/concept_copy.png);
	background-repeat:no-repeat;
}

#concept_01{
	width:520px;
	height:206px;
	margin:44px auto 0;
	background-image:url(/static/full/socool/_img/concept_01.png);
	background-repeat:no-repeat;
}

#concept_02{
	width:520px;
	height:210px;
	margin:50px auto 0;
	background-image:url(/static/full/socool/_img/concept_02.png);
	background-repeat:no-repeat;
}

#concept_03{
	width:520px;
	height:210px;
	margin:50px auto 0;
	background-image:url(/static/full/socool/_img/concept_03.png);
	background-repeat:no-repeat;
}

#concept_graph{
	width:820px;
	height:312px;
	margin:60px auto 80px;
	background-image:url(/static/full/socool/_img/concept_graph.png);
	background-repeat:no-repeat;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++technology*/

#tech_contents{
	width:878px;
	margin:0 auto;
	border:1px #ccc solid;
	background-color:#FFF;
	background-position:bottom;
	background-repeat:no-repeat;
}

#tech_bar{
	width:820px;
	height:50px;
	margin:0 auto;
	background-image:url(/static/full/socool/_img/tech_bar.jpg);
	background-repeat:no-repeat;
}

#tech_contents_box{
	width:760px;
	margin:0 auto;
}

#tech_copy{
	width:760px;
	height:144px;
	margin:38px auto;
}

#tech_copy_l{
	width:420px;
	height:144px;
	background-image:url(/static/full/socool/_img/tech_copy.png);
	background-repeat:no-repeat;
	float:left;
}

#tech_copy_r{
	width:198px;
	height:112px;
	margin:0 0 0 142px;
	float:left;
}

#tech_air{
	width:760px;
	height:440px;
	background-image:url(/static/full/socool/_img/bg_white_opacity.png);
	display:block;
}

#tech_air_title{
	width:760px;
	height:50px;
	background-image:url(/static/full/socool/_img/tech_air_title.png);
	background-repeat:no-repeat;
}

#tech_air_box{
	width:758px;
	height:390px;
	margin:0 auto;
	border-left:1px #487fa3 solid;
	border-bottom:1px #487fa3 solid;
	border-right:1px #487fa3 solid;
	border-top:1px #ffffff solid;
	display:block;
}

#tech_air_txt{
	width:698px;
	margin:22px auto;
	color:#666;
	font-size:17px;
	line-height:1.7em;
	text-align:left;
}

#tech_air_photo{
	width:698px;
	height:240px;
	margin:0 auto;
}

#tech_air_photo_l{
	width:290px;
	height:260px;
	background-image:url(/static/full/socool/_img/tech_air_photo.png);
	background-repeat:no-repeat;
	float:left;
}

#tech_air_photo_r{
	width:386px;
	height:262px;
	margin:0 0 0 20px;
	float:left;
	text-align:left;
}

#tech_air_photo_r_piv{
	width:386px;
	height:246px;
	background-image:url(/static/full/socool/_img/tech_air_piv.jpg);
	background-repeat:no-repeat;
}

#tech_air_photo_r_piv2{
	width:206px;
	height:16px;
	background-image:url(/static/full/socool/_img/tech_air_piv2.png);
	background-repeat:no-repeat;
}

#tech_uv{
	width:760px;
	margin:30px 0 0 0;
	background-image:url(/static/full/socool/_img/bg_white_opacity.png);
	display:block;
}

#tech_uv_title{
	width:760px;
	height:50px;
	background-image:url(/static/full/socool/_img/tech_uv_title.png);
	background-repeat:no-repeat;
}

#tech_uv_box{
	width:758px;
	margin:0 auto 36px;
	border-left:1px #487fa3 solid;
	border-bottom:1px #487fa3 solid;
	border-right:1px #487fa3 solid;
	border-top:1px #ffffff solid;
}
#tech_uv_photo{
	width:698px;
	height:260px;
	margin:22px auto 0;
	display:block;
}

#tech_uv_photo_l{
	width:290px;
	height:260px;
	background-image:url(/static/full/socool/_img/tech_uv_cut.png);
	background-repeat:no-repeat;
	float:left;
}

#tech_uv_photo_txt{
	width:388px;
	margin:0 0 0 20px;
	float:left;
	color:#666;
	font-size:13px;
	line-height:2em;
	text-justify:distribute;
	text-align:left;
}

#tech_uv_photo_bottom{
	width:518px;
	height:290px;
	margin:0 auto 24px;
	background-image:url(/static/full/socool/_img/tech_uv_photo.png);
	background-repeat:no-repeat;
}




#tech_lw{
	width:760px;
	height:370px;
	background-image:url(/static/full/socool/_img/bg_white_opacity.png);
	display:block;
}

#tech_lw_title{
	width:760px;
	height:50px;
	background-image:url(/static/full/socool/_img/tech_lw_title.png);
	background-repeat:no-repeat;
}

#tech_lw_box{
	width:758px;
	height:320px;
	margin:0 auto;
	border-left:1px #487fa3 solid;
	border-bottom:1px #487fa3 solid;
	border-right:1px #487fa3 solid;
	border-top:1px #ffffff solid;
	display:block;
}

#tech_lw_photo{
	width:698px;
	height:240px;
	margin:30px auto 0;
}

#tech_lw_photo_l{
	width:290px;
	height:260px;
	background-image:url(/static/full/socool/_img/tech_lw_photo.png);
	background-repeat:no-repeat;
	float:left;
}

#tech_lw_photo_txt{
	width:388px;
	margin:0 0 0 20px;
	float:left;
	color:#666;
	font-size:13px;
	line-height:2em;
	text-justify:distribute;
	text-align:left;
}



#tech_triple{
	width:458px;
	height:188px;
	margin:30px auto 60px;
	background-image:url(/static/full/socool/_img/tech_triple.png);
	background-repeat:no-repeat;
}

#tech_movie{
	width:180px;
	height:102px;
	margin-left: 30px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++voice*/

#voice_contents{
	width:878px;
	margin:0 auto;
/*	height:100%;*/
	border:1px #ccc solid;
	background-color:#FFF;

	background-position:bottom;
	background-repeat:no-repeat;
}

#voice_bar{
	width:820px;
	height:50px;
	margin:0 auto;
	background-image:url(/static/full/socool/_img/voice_bar.jpg);
	background-repeat:no-repeat;
}

#voice_copy{
	width:790px;
	height:54px;
	margin:36px auto 0;
	background-image:url(/static/full/socool/_img/voice_copy.jpg);
	background-repeat:no-repeat;
		display:block;
}

#voice_copy_bottom{
	width:366px;
	height:54px;
	margin:0 auto 24px;
	background-image:url(/static/full/socool/_img/voice_copy_bottom.png);
	background-repeat:no-repeat;
	display:block;
}

#voice_box{
	width:820px;
	margin:68px auto 72px;
	display:block;

	height:1000px;
}

.voice_testers{
	width:230px;
	height:258px;
	float:left;
}

.voice_space{
	width:30px;
	height:258px;
	display:block;
	float:left;
}

.voice_circle{
	width:230px;
	height:214px;
}

.voice_banner{
	width:196px;
	height:44px;
	margin:0 auto;
}

#voice_title_jogging{
	width:820px;
	height:24px;
	margin:16px 0 24px 0;
	display:block;
	background-image:url(/static/full/socool/_img/voice_title_jogging.jpg);
}

#voice_title_tennis{
	width:820px;
	height:24px;
	margin:16px 0 24px 0;
	display:block;
	background-image:url(/static/full/socool/_img/voice_title_tennis.jpg);
}

#voice_title_bike{
	width:820px;
	height:24px;
	margin:16px 0 24px 0;
	display:block;
	background-image:url(/static/full/socool/_img/voice_title_bike.jpg);
}

#voice_monitor{
	width:820px;
	height:20px;
	text-align:left;
}

.voice_box_top{
	width:820px;
	height:34px;
	display:block;
	margin:12px 0 0 0;
	background-image:url(/static/full/socool/_img/voice_box_top.jpg);
}

.voice_box_bottom{
	width:820px;
	height:48px;
	display:block;
	background-image:url(/static/full/socool/_img/voice_box_bottom.jpg);
}

.voice_box_middle{
	width:820px;
	display:block;
	background-image:url(/static/full/socool/_img/voice_box_middle.jpg);
}

.voice_box_contents{
	width:772px;
	margin:0 auto;
	text-align:left;
	display:block;
}

.voice_fukidashi{
	width:770px;
	height:78px;
	text-align:left;
	display:block;
	padding:20px 0 0 100px;
	background-image:url(/static/full/socool/_img/voice_fukidashi.gif);
	background-repeat:no-repeat;
}

.voice_fukidashi_txt{
	width:650px;
	height:34px;
	text-align:left;
	display:block;
	color:#666;
	font-size:15px;
    line-height: normal;
}

.voice_fukidashi_name{
	color:#3fbdff;
	font-size:12px;
}


.keyvisual{
	margin-bottom: 25px;
}