@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/
html, body, header, section, article, nav, footer, div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd, table, tr, th, td, tbody, thead, tfoot{
	margin:0;
	padding:0;
}
img{border:0;}
body{
	width:100%;
	background-color:#ffffff;
	font:14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
	line-height:1.7;
	position:relative;
}
a:link{color:#ee827c;}
a:hover{color:#ec6d71;}
a:visited{color:#ee827c;}

/*---------- ラッパー ----------*/
#wrapper{
	max-width:480px;
	margin:0 auto;
}
/*---------- ヘッダー ----------*/
header{width:100%;}
header h1{
	padding:5px 0 5px 0;
	text-align:center;
	color:#333333;
	font-size:18px;
}
header h1 a{
	color:#333333 !important;
	text-decoration:none;
	font-size:18px;
}
header h1 a:hover{
	color:#ec6d71 !important;
	text-decoration:underline;
	font-size:18px;
}
header img.main_photo{
	width:100%;
	height:auto;
}
header div img{
	width:100%;
	height:auto;
}
#page_top{
	margin:0;
	padding:0;
}

/*---------- ナビ ----------*/
#navToggle{
 	position:absolute;
	right:0px;
	top:0px;
	padding:10px;
	width:40px;
	height:40px;
	background:rgba(236,174,175,0.67);
	cursor:pointer
}
#navToggle div{position:relative;}
#navToggle p{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:40px;
	padding:0;
	color:#999;
}
#navToggle span{
	position:absolute;
	width:100%;
	border-bottom:solid 3px #999;
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out}
#navToggle span:nth-child(1){top:0}
#navToggle span:nth-child(2){top:11px}
#navToggle span:nth-child(3){top:22px}
.openNav #navToggle span:nth-child(1){
	top:11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
/*2番目と3番目のspanを45度に*/
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3){
	top:11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
.openNav nav{
	display:block;
	-webkit-transition:2s ease-in-out;
	-moz-transition:2s ease-in-out;
	transition:2s ease-in-out
}
nav{
	width:100%;
	text-decoration:none;
	margin:0 0 10px 0;
	background:url(../img/common/nav_bg.gif) repeat-x;
	display:none;
	-webkit-transition:2s ease-in-out;
	-moz-transition:2s ease-in-out;
	transition:2s ease-in-out
}
nav h2{
	padding:5px 0 3px 14px;
	font-size:14px;
	color:#ffffff;
	border-bottom:solid 1px;
	border-bottom-color:#cccccc;
	background:url(../img/common/h_bg_gray.gif) center repeat-x;
}
nav ul{
	width:100%;
	border-top:solid 1px;
	border-top-color:#cccccc;
}
nav li{
	width:100%;
	list-style:none;
	text-align:center;
}
nav li a{
	padding:10px;
	display:block;
	color:#ec6d71 !important;
	font-weight:bold;
	text-decoration:none;
	border-bottom:solid 2px;
	border-bottom-color:#cccccc;
	background:url(../img/common/nav_bg.gif) repeat-x;
}
nav li a:hover{
	color:#c46267 !important;
	display:block;
	font-weight:bold;
	text-decoration:none;
	border-bottom:solid 2px;
	border-bottom-color:#cccccc;
	background:url(../img/common/nav_bg_hover.gif) repeat-x;
}

/*---------- コンテンツ ----------*/
#content{padding:6px;}
section{margin:0 0 8px 0;}
section h2{
	margin:0 0 8px 0;
	padding:5px 0 3px 14px;
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#ffffff;
	border-bottom:solid 1px;
	border-bottom-color:#cccccc;
	background:url(../img/common/h_bg.gif) center repeat-x;
}
section h3{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
section p{
	margin:0 0 12px 0;
	padding:3px 0;
	line-height:1.8;
}
section .gray_bg{
	margin:8px 0 8px 0;
	padding:2px 8px 2px 8px;
	line-height:1.7;
	letter-spacing:1px;
	border-top:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	background-color:#eeeeee;
}
section .gray_bg p{
	padding:3px;
	line-height:1.7;
	letter-spacing:1px;
}
section img.picture{
	margin:0 10px 10px 0;
	float:left;
}
section img.picture_r{
	margin:0 0 10px 10px;
	float:right;
}
section span.red{color:#e60033;}
section span.red_b{
	color:#e60033;
	font-weight:bold;
}
section span.blue{color:#007bbb;}
section span.pink{color:#c53d43;}
section span.brown{color:#993300;}
section span.brown_b{
	color:#993300;
	font-weight:bold;
}
section span.green{color:#00ae4f;}
section table.table_line{
	width:100%;
	border-collapse:collapse;
	border:solid 1px #bbbbbb;
	margin :8px	0 8px 0;
}
section td.table_line{
	border-collapse:collapse;
	border:solid 1px #bbbbbb;
	padding :8px 10px 8px 4px;
}

/*---------- トップに戻る ----------*/
#page_back{
	margin:0 0 8px 0;
	padding:0 6px 0 0;
	text-align:right;
}

/*---------- フッター ----------*/
footer{
	width:100%;
	padding:10px 0 10px 0;
	color:#333333;
	text-align:center;
	border-top:solid 1px;
	border-top-color:#cccccc;
	background-color:#eeeeee;
}
footer p{
	padding:10px;
	color:#555555;
}
footer a{color:#555555 !important;}
footer a:hover{color:#777777 !important;}
footer a:visited{color:#555555;}
footer p.copy{
	padding:10px;
	font-size:12px;
	color:#555555;
}
footer p.copy a{
	color:#ee827c !important;
	text-decoration:none;
}
footer p.copy a:hover{
	color:#ec6d71 !important;
	text-decoration:underline;
}
footer p.copy a:visited{
	color:#ee827c;
	text-decoration:none;
}
.info-list{
	padding:15px;
	height:150px;
	overflow:scroll;
}