/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	background: url(../img/body_bg.jpg) center 0px;
	background-attachment: fixed;
	-webkit-text-size-adjust: 100%;
	margin-bottom:0;
}

#wrapper {
	margin: 0 auto;
	height: 100%;
	width: 100%;
	margin-top: -23px;
}

#container {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-size: 14px;
	line-height: 26px;
	background-color:#FFFFFF;
}



header {

	background: url(../img/header_bg.gif) repeat-x;
}

/* navi
---------------------*/


#navi {
	position: fixed;
	z-index: 19999;
	right: 20px;
	top: 153px;
	overflow: hidden;
	width: 152px;
	_position: absolute;
	_right: -130px;
}
#navi li {
	height: 1%;
}
#navi li a {
	display: block;
	width: 160px;
}

/* navi
---------------------*/
#navi {
	position: fixed;
	z-index: 19999;
	right: 10px;
	top: 153px;
	overflow: hidden;
	width: 152px;
	_position: absolute;
	_right: -130px;
}
#navi li {
	height: 1%;
}
#navi li a {
	display: block;
	width: 152px;
	height:30px;
	background-image: url(../img/navi-01.png);
	background-position: 0 0;
	background-repeat: none;
	text-indent: -9999px;
}
#navi li a:hover,
#navi li.current a {
	background-position: -152px 0;
}
#navi li#nv01 a {	background-image: url(../img/navi-01.png); }
#navi li#nv02 a {	background-image: url(../img/navi-02.png); }
#navi li#nv03 a {	background-image: url(../img/navi-03.png); }
#navi li#nv04 a {	background-image: url(../img/navi-04.png); }
#navi li#nv05 a {	background-image: url(../img/navi-05.png); }
#navi li#nv06 a {	background-image: url(../img/navi-06.png); }
#navi li#nv07 a {	background-image: url(../img/navi-07.png); }
/* header
---------------------*/


header {

}


header p {


}

/* main
---------------------*/

#main {
	overflow:hidden;
}


.catch {
	background: url(../img/catch.jpg) no-repeat;
	height:300px;
	position:relative;
}

.catch p {
	position:absolute;
	top:155px;
	left:9px;
}

#main ul {
	width:960px;
	margin:0 auto;


}

#main ul li {
	float:left;
}


/* cta
---------------------*/
.cta {
	width:960px;
	height:242px;
	background: url(../img/cta_Frame01.jpg) no-repeat;
	position:relative;
	margin:30px 0 60px;
}

.cta p {
	position:absolute;
	top:110px;
	left:130px;
}



/* reason
---------------------*/

#reason {
	text-align:center;
}


#reason .inner {
	margin:10px 0 30px;
}


#reason .inner p {
	margin:0;
}

/* case
---------------------*/


.case-wrapper {
	width:960px;
	margin:0 auto;
	border: 15px solid #CCCCCC;
	padding-bottom:30px;
	margin-bottom:60px;

}


.case-wrapper ul {
	text-align:center;
	font-weight:bold;

}


.case-wrapper ul li {
	position: relative;
	margin: 0 0 13px;
}



.case-wrapper ul li h4 i {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	top: 148px;
	left: 53px;
	line-height: 1.25;
	text-decoration:none;
}

.case-wrapper ul li h4 a {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	top: 148px;
	left: 68px;
	line-height: 1.25;
	text-decoration:none;
}

.case-wrapper ul li .detail {
	position: absolute;
	top: 185px;
	left: 70px;
	width: 600px;
	font-size: 14px;
	text-align: left;
}


.case-wrapper ul li .number {
	position: absolute;
	top: 367px;
	left: 200px;
	font-size: 21px;
}


.case-wrapper ul li .size {
	position: absolute;
	top: 367px;
	left: 500px;
	font-size: 21px;
}

/* messag
---------------------*/

.messagebox {
	width:960px;
	height:471px;
	margin:0 auto;
	background: url(../img/message_frame.jpg) no-repeat;
	position:relative;
}

.message_text {
	position:absolute;
	top: 110px;
	left: 40px;
	width: 500px;
	font-weight:bold;

}

.message_text span {
	font-size:18px;
	color:#E50C10;
}


.strong-appeal {
	text-align:center;
}

strong-appeal P {
}



/* faq
---------------------*/

#faq dl {
	width:960px;
	margin:0 auto;
	border: 15px solid #CCCCCC;
	padding-top:30px;
	margin-bottom:60px;

}



#faq dl dt {
	width:900px;
	margin:0 auto;
	padding: 27px 25px 16px 75px;
	font-size: 16px;
	color:#ff9900;
	font-weight: bold;
	background: url(../img/faq_qicon.png) no-repeat 15px 19px;
	line-height: 1.33;
	border-bottom:solid 5px #ff9900;
	margin-bottom: 20px;
}


#faq dl dd {
	width:900px;
	margin:0 auto;
	padding: 0 25px 16px 75px;
	font-size: 14px;
	background: #FFF url(../img/faq_aicon.png) no-repeat 15px 0px;
	line-height: 1.57;
	margin-bottom: 20px;
}



/* contact
---------------------*/

#contact {
	margin-bottom:100px;
}

#contact div {
	text-align:center;
}

#contact .cta {
	width:960px;
	height:242px;
	background: url(../img/cta_Frame01.jpg) no-repeat;
	position:relative;
	margin:30px 0 60px;
}


/* footer
---------------------*/

footer {
	text-align:left;
	padding:20px;
	margin:0;
	border-top:1px solid #ddd;
	color:#FFFFFF;
	font-size:14px;
	position: relative;
	background:#F86316;
}

footer a {
	color:#FFFFFF;
	text-decoration:none;
}


footer a:hover {
	color:#510607;
	text-decoration:underline;

}
#link-top{
	display:none;
}

/* pagetop
---------------------*/
#pagetop {
	position: fixed;
	z-index: 99999;
	left: 20px;
	bottom: 0px;
	overflow: hidden;
	display: none;
}

/*---------------------------------
	NAV BAR
-----------------------------------*/

.navbar{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	background:#000;
	color:#fff;
	z-index:1000;
	}

.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

.navbar span{
	color:#86dc00;
	}


.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

.navbar li{
	margin:0;
	padding:0;
	list-style-type:0;
	display:inline-block;
	}

.navbar li a{
	display:inline-block;
	color:#efefef;
	padding:1em 1.3em;
	text-decoration:none;
	text-transform: uppercase;
	line-height:100%;
	font-size: 1.2em;
	}

.callout{
	background:#4598ef;/*#86dc00;*/
	padding:3em 0;
	color:#fff;
	box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
	text-align: center;
	text-shadow:0px 1px 3px rgba(0,0,0,0.2);
	display:block;
}

.callout + div.grid{margin-top:50px;}
a.callout{cursor:pointer;}
.callout i.icon-4x{font-size:6em;}
.callout h4{margin-bottom:30px;}
.callout-top{margin:50px 0 0 0;}
.callout p{margin-bottom:0;}
.callout .button{margin-top:10px;}
callout.green{background:#19ad0b;/*#86dc00;*/}


#mc_embed_signup{padding:30px 0;}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}