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

*/

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

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3',Meiryo,¥á¥¤¡¦E¡¦sans-serif!important;	
font-weight:normal;
}

thead th,
tbody th{
font-family: 'Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3',Meiryo,¥á¥¤¡¦E¡¦sans-serif!important;	
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: 'Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3',Meiryo,¥á¥¤¡¦E¡¦sans-serif!important;	
}

.menu{
font-family: 'Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3',Meiryo,¥á¥¤¡¦E¡¦sans-serif!important;	
}

blockquote{
font-family: 'Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3',Meiryo,¥á¥¤¡¦E¡¦sans-serif!important;	
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
font:normal 0.9em/150%;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */

}
#wrapper{
	background:url(img/bk.gif);
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
background:#67C7A0;
text-align:center;
color:#FFF;
font-size:0.8em;
position: relative;
margin-top:60px;
}
#foot-inner{
	height:69px;
	padding:30px 20px 0 0;
	
}

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

/* NAV BAR*/
.navbar{
position:fixed;
top:108px;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.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:#9D9D9D;
		padding:1em 1em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1em;
		}

.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;
}

#pageTop{
	width:300px;
	background:url(img/pagetop.gif) no-repeat center center,rgb(103,199,160);

-moz-border-radius:1%;
-webkit-border-radius:0%/2%;
border-radius:0%/2%;
margin:20px auto;
}

#pageTop a{
	display:block;
	height:36px;
	width:300px;
	text-indent:-9999px;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/

#header{
	height:150px;
	padding:30px 0;
	position:relative;
}

.navbar{
position:fixed;
top:138px;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}
#ticker{
	display:block;
	height:30px;
}
#ticker ul{
	list-style-type:none;
	margin:0;
}
.logo{
	text-align:center;
	padding-bottom:10px;
}

.logo-description{
	font-size:0.8em;
	text-align:center;
	margin:5px 0 20px 0;
}

#main-content{
	background:#FFF;
	border:10px solid #D0EADB;
}
#gNavi{
}
#top-image{
	width:100%;
	margin-bottom:20px;
}
#top-image img{
	width:100%;
}
#gNavi a{
	color:#FFF;
	font-weight:bold;
	display: block;
	padding:3.5em 0 1.5em 0;
	text-decoration:none;
}
.nav_1{
	background:url(img/chap_1.gif) no-repeat center 1.5em,#FE9D5C;
}
.nav_2{
	background:url(img/chap_2.gif) no-repeat center 1.5em,#79CFDB;
}
.nav_3{
	background:url(img/chap_3.gif) no-repeat center 1.5em,#FFC86C;
}
.nav_4{
	background:url(img/chap_4.gif) no-repeat center 1.5em,#FA8D98;
}
.nav_5{
	background:url(img/chap_5.gif) no-repeat center 1.5em,#96A2F1;
}
*[class*="nav_"]{
	width:20%;
	float: left;
	text-align:center;
	color:#FFF;
}

/*---------------------------------
	CONTENTS
-----------------------------------*/

.contents{
	margin:2em 2em 60px 2em;
}
.contents h1{
	font-size:3em;
	color:#67C7A0;
	text-align:center;
}
.contents h1 span{
	background:url(img/h1_bk.gif) no-repeat 0 0.4em;
	padding-left:30px;
}
.contents h2{
	font-size:2em;
	color:#67C7A0;
}
.contents p{
	line-height:2;
}
@media only screen and (max-width: 769px) {
*[class*="nav_"]{
	width:100%;
	display: block;
	padding:2.5em 0 1em 0;
	text-align:center;
	color:#FFF;
}
.contents{
	margin:0;
}
}
@media only screen and (min-width: 769px) {



}