@charset "utf-8";
/**
 *   makeを書き換え、importするcssを書き込む。
 *
 *   file     :  import.css
 *   make     :  emi makino (2008.9.11)
 *   revise   :  
 *   Copyright PREX co,ltd ,
 **/
@import "/css/locomill_ver3/locomill_ver3.css";/**削除不可*/
@import "/themes/form/default/css/form.css";/**削除不可*/
@import "/themes/custom/gifucomi/css/images.css";/**削除不可*/
/**@import "marathon.css";ページで使用するcss*/
  
#kome{
	font-size:11px;}

/* Layout
------------------------------*/

#cont{
	background-repeat:repeat-y;
	width:700px;
	height:100%;
	float:left;
	}

.nodis{
	display:none;
	}

#end{
	background:url("../image/1st_tousen.jpg");
	background-repeat:no-repeat;
	width:700px;
	height:450px;
	}
#title{
	background:url("../image/header.jpg");
	background-repeat:no-repeat;
	width:700px;
	height:113px;
	}

p.textstyle{
	font-size:13px;
	padding:5px 0px 10px 10px;
	width:700px;
	letter-spacing:0.1em;
	line-height:1.1em;
	}
#box1_1{
	background:url("../image/image1.jpg");
	background-repeat:no-repeat;
	height:182px;
	width:700px;
	}
#box1_2{
	background:url("../image/image2.jpg");
	background-repeat:no-repeat;
	height:184px;
	width:700px;
	}
#box1_3{
	background:url("../image/image3.jpg");
	background-repeat:no-repeat;
	height:201px;
	width:700px;
	}
#product{
padding-top:20px;
	width:700px;
	height:201px;
	}
	
#product ul {
padding-top:120px;
padding-left:450px;
	list-style:none;
	width: 700px;
	height: 55px;
}

#product ul li a{
	list-style:none;
	float: left;
}

#product li a:hover{
	background-position:bottom;
	}

#product .b1 a{
	margin:5px;
	background-image:url(../image/btn/product.gif);
	background-repeat:no-repeat;
	width:171px;
	height:35px;
	background-position:top;
	}
#box1_4{
	background:url("../image/thanks.jpg");
	background-repeat:no-repeat;
	height:126px;
	width:700px;
	}
#box1_4 p.thanks{
	padding-top:40px;
	padding-left:60px;
	width:600px;
	font-size:14px;
	line-height:1.3;
	color:#996633;
}
#box2_0{
	background:url("../image/flow_head.gif");
	background-repeat:no-repeat;
	height:83px;
	width:700px;
	}
#box2_1{
	background:url("../image/flow1.gif");
	background-repeat:no-repeat;
	height:192px;
	width:700px;
	}
#box2_other{
margin-left:290px;
	background:url("../image/other.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	height:183px;
	width:367px;
	}
#box2_2{
	background:url("../image/flow2.gif");
	background-repeat:no-repeat;
	height:193px;
	width:700px;
	}
#twitter{
padding-top:20px;
	width:700px;
	height:26px;
	}
	
#twitter ul {
padding-top:100px;
padding-left:303px;
	list-style:none;
	width: 700px;
	height: 26px;
}

#twitter ul li a{
	list-style:none;
	float: left;
}

#twitter li a:hover{
	background-position:bottom;
	}

#twitter .b1 a{
	margin:5px;
	background-image:url("../image/btn/follow.gif");
	background-repeat:no-repeat;
	width:82px;
	height:26px;
	background-position:top;
	}
	

#twitter .b2 a{
	margin:5px;
	padding-left:180px;
	background-image:url("../image/btn/tubuyaku.gif");
	background-repeat:no-repeat;
	width:82px;
	height:26px;
	background-position:top;
	}
#box2_3{
	background:url("../image/flow3.gif");
	background-repeat:no-repeat;
	height:184px;
	width:700px;
	}
#box2_4{
	background:url("../image/flow4.gif");
	background-repeat:no-repeat;
	height:346px;
	width:700px;
	}

#attention{
padding-top:20px;
	width:700px;
	height:304px;
	}
	
#attention ul {
padding-top:220px;
padding-left:465px;
	list-style:none;
	width: 700px;
	height: 100px;
}

#attention ul li a{
	list-style:none;
	float: left;
}

#attention li a:hover{
	background-position:bottom;
	}

#attention .b1 a{
	margin:5px;
	background-image:url(../image/btn/attention.gif);
	background-repeat:no-repeat;
	width:174px;
	height:55px;
	background-position:top;
	}

#box_oubo{
	height:80px;
	width:700px;
	}

#box_oubo2{
margin:0 auto;
	width:600px;
	height:100px;
	}
	
#box_oubo ul {
padding-left:20px;
	list-style:none;
	width: 700px;
	height: 80px;
}

#box_oubo2 ul li a{
margin-left:20px;
	list-style:none;
	float: left;
}

#box_oubo2 li a:hover{
	background-position:bottom;
	}

#box_oubo2 .b1 a{
	background-image:url(../image/btn/anq.gif);
	background-repeat:no-repeat;
	width:245px;
	height:70px;
	background-position:top;
	}
#box_oubo2 .b2 a{
	background-image:url(../image/btn/member.gif);
	background-repeat:no-repeat;
	width:245px;
	height:70px;
	background-position:top;
	}

#box_ipad{
	background-image:url(../image/ipad_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:230px;
	width:700px;
	padding-bottom:30px;
	}
#box_ipad p{
text-align:center;
height:20px;
margin:0 auto;
font-size:12px;
	width:650px;
	}
#box_ipad ul {
padding-left:400px;
padding-top:20px;
	list-style:none;
	width: 245px;
	height: 120px;
}

#box_ipad ul li a{
	list-style:none;
	float: left;
}

#box_ipad li a:hover{
	background-position:bottom;
	}

#box_ipad .b1 a{
	margin:5px;
	background-image:url(../image/btn/follow2.gif);
	background-repeat:no-repeat;
	width:190px;
	height:50px;
	background-position:top;
	}
#box_ipad .b2 a{
	margin:5px;
	background-image:url(../image/btn/tubuyaku2.gif);
	background-repeat:no-repeat;
	width:190px;
	height:50px;
	background-position:top;
	}	
	

#box3_1{
margin:0 auto;
	height:100%;
	width:650px;
	}
#box3_2{
border:1px solid #ffcc99;
	height:100%;
	width:640px;
	}
#box3_2 p{
font-size:13px;
color:#666666;
margin-left:10px;
}
#box3_2 .tittle{
	margin:0px 5px 5px 0px;
	padding-top:2px;
    padding-left:5px;
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #ff3300;
	background-color:#ffcc99;
	height:20px;
	width:630px;
	}

#box3_2 .tittle2{
	color:#FF6633;
	margin:5px 5px 5px 5px;
    padding-left:5px;
	font-size:13px;
	font-weight:bold;
	border-left:5px solid #ff6600;
	height:14px;
	width:650px;
	}


#button{
	width:700px;
	height:200px;
	margin:10px 0px 10px 0px;
	}
	
#button ul {
	list-style:none;
	background-repeat:no-repeat;
	width: 700px;
	height: 200px;
}

#button ul li a{
	margin:10px;
	list-style:none;
	float: left;
}

#button li a span {
	display: none;
}


#button .b1 a{
	background-image:url(../image/button1.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:40px;
	background-position:top;
	}
	
#button .b1 a:hover{
	background-image:url(../image/button1.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:40px;
	background-position:bottom;
	}
#button .b2 a{
	background-image:url(../image/button2.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:40px;
	background-position:top;
	}
	
#button .b2 a:hover{
	background-image:url(../image/button2.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:40px;
	background-position:bottom;
	}
#button .b3 a{
margin-left:100px;
	background-image:url(../image/twitter_btn.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:80px;
	background-position:top;
	}
	
#button .b3 a:hover{
margin-left:100px;
	background-image:url(../image/twitter_btn.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:80px;
	background-position:bottom;
	}