@charset "UTF-8";

/*

 * author:		KUNIHIRO ENDO ( Pati )
 * process:		grambook common css
 * revision marking:


/* reset
--------------------------------------------------------------*/
/* google font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400);

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {  
margin:0;
padding:0;
list-style:none;
} 

h1, h2, h3, h4, h5, h6  {  
font-size: 100%;  
}

body	{
display:block;
font-size: 75%;
font-family: 'Open Sans', sans-serif;
line-height:150%;
background:#fff url(images/bg_body.gif) repeat;
color:#40403e;
}

html>/**/body {  
font-size: 12px;
}

header,footer,article,section,aside{
display:block;
}

img{border:none;}

img.btn	{cursor:pointer;}

a:link,
a:visited,
#contents span.text_link	{
color:#000000;
text-decoration:none;
}

a:hover,
#contents span.text_link:hover	{
color:#3e1b00;
text-decoration:underline;
}

a:active	{
color:#d38573;
text-decoration:none;
}

article {
width:879px;
margin:0 auto;}

/* all base  */
#wrap	{
background:url(images/foot_illust.png) no-repeat center bottom;
}

#main{
width:966px;
margin:0 auto;
padding:8px 0 0 0;
clear:both;
overflow:hidden;
}

.align_right	{
text-align:right;
}

.mag_red	{
color:#d71920;
}


/* footer css*/
footer{
clear:both;}

footer nav{
float:right;
width:525px;
}

footer nav ul{
float:right;
padding:3px 50px 10px 0;
font-size:0.8em;
}

footer nav ul li{
float:left;
margin:0 12px 0 0;
padding:0 12px 0 0;
border-right:1px solid #40403e;
line-height:100%;
}

footer nav ul li.last{
float:left;
margin:0;
padding:0;
border-right:none;
}

footer p{
float:left;
width:300px;
padding:0 0 0 53px;
font-size:0.7em;}

footer p img {
margin:0 8px 0 0;
vertical-align:middle;}

/* second 
--------------------------------------------------------------*/
	/* header
--------------------------------------------------------------*/

header{
display:block;
width:852px;
position:relative;
margin:0 auto;
}

header h1{
float:left;
width:160px;
margin:81px 30px 24px 36px;
}

	* html header h1{
	margin:81px 30px 24px 18px;
	}

header ul.lang{
float:right;
width:600px;
margin:50px 20px 13px 0;
text-align:right;
}

	* header ul.lang{display:inline;}

header ul.lang li{display:inline;}

header ul.lang li a{margin:0 15px;}

header ul.nav{
float:right;
max-width:600px;
margin:0 0 34px ;
padding:0 35px 0 0 ;
}

header ul.nav li{
display:inline;
margin:0 0 0 20px;
font-size:1em;
font-weight:bold;
}

header div#app_store{
position:absolute;
top:0;
left:36px;
}

/* second 
--------------------------------------------------------------*/
	/* content
--------------------------------------------------------------*/

section.cont{
width:880px;
margin:0 auto 6px;
padding:0 0 19px;
background:url(images/bg_second.png) no-repeat bottom center;
}

			* html section.cont{margin:0 auto 30px;}

section.cont div.shadow{
	position: relative;
width:852px;
margin:0 auto 0;
padding:29px 0 39px;
background:url(images/bg_paper.jpg) repeat top center;
}

section.cont div.shadow h2{
margin:0 0 28px;
font-size:1.7em;
color:#f50a48;
}

section.cont div.shadow h3{
margin:0 0 15px;
font-family: 'Open Sans', sans-serif;
font-style:italic;
font-size:1.7em;
font-weight:normal;
line-height:1.5em;
}

ul.path{
position: absolute;
bottom: 0;
left: 40px;
width:365px;
margin:0 0 20px;
}

ul.path li{
display: table-cell;
min-height:32px;
vertical-align:middle;
padding:1px 17px 0 13px;
font-size:0.8em;
font-weight:bold;
background:url(images/bg_path.gif) no-repeat top right;
}

	* html ul.path li{display:block;float:left;height:27px;padding:7px 17px 0 13px;} /* ie6 */
	*+html ul.path li{display:block;float:left;height:27px;padding:7px 17px 0 13px;} /* ie7 */
	html>/**/body ul.path li{display:block\9;float:left\9;height:27px\9;padding:7px 17px 0 13px\9;} /* ie8 */


ul.path li.home{
padding:0;
font-size:0;}

	* html ul.path li.home img{margin:0 0 1px ;}
	*+html ul.path li.home img{margin:0 0 1px ;}

ul.path li img{
vertical-align:middle;
}

.clear{
clear:both;}

header,
ul.path{overflow: hidden;}

header;after,
ul.path:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html header,
* html ul.path{
	height: 1em;
	overflow: visible;
}

/**/