@charset "Shift_JIS";

/* ------------------------
reset */
*{
	margin:0;
	padding:0;
	border:none;
}

body{ background-color:#FFFFFF; width:100%;}

h1,h2,h3,h4,h5,h6,p{
	font-size:100%;
	line-height:1.2em;
}

table,td,tr,th{
	font-weight:normal;
	border-collapse:collapse;
	border-spacing:0;
}

ol,ul,li{
	list-style:none;
}
	
input{
	cursor:pointer;
	border:none;
}

/* clearfix */
.clearfix:after{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:block;
	min-height:1%;
}
/* font
------------------------*/
body {
	font:12px/1.5 "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	*font-size:75%;
	color:#333631;
}

a{
	color:#333631;
	font-weight:bold;
}

a:hover{
	color:#6bcbee;
	font-weight:bold;
	text-decoration:none;
}

input, select, textarea{
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;  
}  
/* end reset
------------------------*/


/* ------------------------
 div#header */
#header{
	background:url(../img/flets/head_bg.gif) repeat-x center 1px;
	min-width:1060px;
	text-align:center;
}

/* div#head */
#head{
	background:url(../img/flets/header_wall.jpg) no-repeat top center;
	height:950px;
}

/* div#SYOHIN_img */
#SYOHIN_img{
	background:url(../img/flets/SYOHIN_img.png) no-repeat top right;
	width:960px;
	margin:0 auto;
	text-align:left;
}

/* div.flets_icon */
#SYOHIN_img div.flets_icon{
	margin:0 0 7px 80px;
	padding-top:5px;
}
#SYOHIN_img div.flets_icon img.Img_left{
	margin-right:10px;
}

#telall{
	margin:0 0 85px 40px;
	*margin-bottom:80px;
}

#tellogo{
	float:left;
	margin-left:40px;
	margin-right:5px;
}

#teltxt{
	float:left;
	text-align:left;
	font-size:11px;
}

#SYOHIN_img h1{
	background:url(../img/flets/h1_img.gif) no-repeat left 10px;
	width:529px;
	height:215px;
	margin:0 0 0 80px;
	padding:26px 0 0 0;
	display:block;
	text-indent:-690px;
	overflow:hidden;
}

#SYOHIN_img h1 span{
	width:155px; height:45px;
	margin-bottom:170px;
	display:block;
	position: relative; top:-25px; left:5px;
}

#SYOHIN_img h1 span:hover a{
	width:155px; height:45px;
	display:block;
	position:absolute; top:0; left:0;
	border:dotted 1px #666;
}

#SYOHIN_img h2 {
	width:529px;
	margin:-24px auto 0 auto;
	display:block;
	text-indent:-690px;
	overflow:hidden;
}

#SYOHIN_img div.SYOHIN_description{
	background:url(../img/flets/syohin_list.gif) no-repeat;
	width:365px;
	height:210px;
	margin:40px 0 0 80px;
	text-indent:-365px;
	overflow:hidden;
}

#SYOHIN_img p.cam_detail{
	width:725px;
	margin:45px auto 0 auto;
	padding:10px 0 5px 50px;
	text-indent:-3.5em;
	line-height:1.3em;
}

#SYOHIN_img p.cam_attention{
	width:750px;
	margin:0 auto;
	text-align:center;
	font-size:0.833em;
}

p.mar{
	width:725px;
	margin:0 auto;
	padding:5px 0 5px 55px;
	line-height:1.3em;
}

p.mar img{
	margin-bottom:5px;
}

#SYOHIN_img h3{
	width:700px;
	height:70px;
	margin:8px auto 0 auto;
	font-size:2em;
	text-align:center;
	color:#DA0E0E;
	line-height:1.3em;
}
#SYOHIN_img h3 span{ color:#333631;}

/* end div#header
------------------------*/

/* ------------------------
 div#container */
#container{
	background:url(../img/flets/container_bg.jpg) repeat-x;
	min-width:1060px;
	margin-top:30px;
}

/* ------------------------
 div#description */
#description{
	background:url(../img/flets/container_wall.jpg) no-repeat center 60px;
	width:790px;
	margin:0 auto;
}

/* ul,li */
#description ul{
	width:790px;
	text-align:center;
}

#description li{
	width:270px;
	margin-top:60px;
	float:left;
}

#description li.li_right{
	width:236px;
}

#description li.li_bottom{
	width:790px;
	text-align:left;
}

/* li>div.test */
#description li div.text{
	width:226px;
	height:240px;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
}

*+html #description li div.text{
	padding:10px 10px 10px 0;/* ie7ハック */
}

#description li div.text p{
	margin:10px 0 0 2.5em;
	text-align:left;
}

#description li div.text p.small_text{
	font-size:0.833em;
}

#description li div.text_p{
	width:226px;
	height:240px;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
}

/* li.li_bottom>div.test_bottom */
#description li.li_bottom div.text_bottom{
	width:405px;
	height:87px;
	margin:30px 0 0 0;
	padding:10px 10px 10px 40px;
}

#description li.li_bottom div.text_bottom p{
	margin:10px 0 0 0;
	color:#ff6600;
	text-indent:45px;
}
/* end div#description
------------------------*/

/* ------------------------
 div#meritofbannerbrige */
#meritofbannerbrige{
	background:url(../img/flets/meritofbannerbrige_wall.gif) no-repeat center bottom;
	width:960px;
	margin:50px auto 20px auto;
	padding-bottom:40px;
}

#meritofbannerbrige div.merit_title{
	width:750px;
	margin:10px auto 30px auto;
}

#meritofbannerbrige ul{
	width:790px;
	margin:0 auto;
}

#meritofbannerbrige li{
	height:87px;
	margin:0 0 15px 50px;
}

#meritofbannerbrige li img{
	float:left;
	margin:0 10px 0 0;
	clear:both;
}

#meritofbannerbrige li p{
	padding:5px;
	display:block;
    text-align: justify; /* for modern browser */
    text-justify: inter-ideograph; /* IE6〜8 */
	letter-spacing:0.1em;
	line-height:1.3em;
}

#meritofbannerbrige li p:first-letter,
#meritofbannerbrige li p a:first-letter{
	color:#45b4dd;
	font-weight:bold;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Tahoma,sans-serif;
}

#meritofbannerbrige li p span{
	font-weight:bold;
}

#meritofbannerbrige li p span.text_s{
	font-size:0.833em;
	font-weight:normal;
	letter-spacing:0.1em;
}
/* end div#meritofbannerbrige
------------------------*/

/* ------------------------
 button */
#description div.btn,
#meritofbannerbrige div.btn2{
	width:450px;
	height:109px;
	text-align:center;
}

#description div.btn		{ margin:60px auto 0 auto; }
#meritofbannerbrige div.btn2{ margin:40px auto 0 auto; }

#description div.btn input.join_btn,
#meritofbannerbrige div.btn2 input.join_btn2{
	width:450px;
	height:109px;
	*margin-left:-225px;/* ie7ハック */
	text-indent:-650px;
	*position:absolute;/* ie7ハック */
}

#description div.btn input.join_btn			 { background: url(../img/flets/btn1.png) no-repeat top center; }
#meritofbannerbrige div.btn2 input.join_btn2 { background: url(../img/flets/btn2.png) no-repeat top center; }

#description div.btn input.join_btn:hover,
#meritofbannerbrige div.btn2 input.join_btn2:hover{
	background-position:center -109px;
}
/* end button
------------------------*/

/* end div#container
------------------------*/

/* ------------------------
 div#footer */
#footer{
	background: url(../img/flets/footer_bg.gif) repeat-x;
	min-width:1060px;
	height:95px;
	margin-top:50px;
}

#footer div.copyright{
	background: url(../img/flets/foot.gif) no-repeat;
	width:1060px;
	height:60px;
	margin:0 auto;
	text-indent:-300px;
	overflow:hidden;
}

/* end div#footer
------------------------*/