@charset "utf-8";
html {-webkit-text-size-adjust: 100%}
* {-webkit-touch-callout: none;-webkit-user-select: none;}
input[type="text"],textarea {-webkit-user-select: auto;}
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;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;width:100%;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
abbr,acronym,fieldset {border: 0;}
img {max-width: 100%;height: auto;}
li {list-style-type: none;}
#contents li a{ display: block; }
#contents li span{ display: block; }

/*--- default */
body {
	background:#ffffff url(images/bg_base.png) repeat 50% 0;
	color: #666;
	font-size: medium;
	font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#header a:link {
	color:#000;
	text-decoration: underline;
}

#header a:hover {
	color:#f5989d;
	text-decoration: none;
}

#sub a:link {
	color:#000;
	text-decoration: none;
}

#sub a:hover {
	color:#f5989d;
	text-decoration: underline;
}

#main a:link {
	color:#000;
	text-decoration: underline;
}

#main a:hover {
	color:#f5989d;
	text-decoration: none;
}

#sub .dogs {color: #000;text-decoration:none;cursor: pointer;}
#sub .dogs:hover{color: #f5989d;text-decoration: underline;}

#main .dogs {text-decoration: underline;color:#000;cursor: pointer;}
#main .dogs:hover{text-decoration: none;color:#000;}

.contentsBox .dogs {text-decoration: none;color:#000;cursor: pointer;}
.contentsBox .dogs:hover{text-decoration: none;color:#f5989d;}

.imgR {
	float: right;
	margin: 0 0 0 10px;
}

.imgL {
	float: left;
	margin: 0 10px 0 0;
}

.center{margin: 0 auto;text-align:center;}

/* clearfix */
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:75%;
	height:auto;
	margin: 0 auto;
}

#header #logo {
	clear: both;
	float: left;
	margin: 5px 5px 0;
}

#headerDescArea {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:75%;
	margin: 0 auto;
}

#headerDescArea h1 {
	font-size: 65%;
	font-weight: normal;
	float: left;
	margin: 1%;
}
#headerDescArea h2 {
	font-size: 65%;
	font-weight: normal;
	float: right;
	margin: 1%;
}

#header #utilityNav {
	float: right;
	text-align: right;
	padding: 20px 0px 0px 0;
	font-size: 93%;
	text-shadow: 1px 1px 1px #fff;
}

#header #utilityNav li {
	text-shadow: 1px 1px 1px #fff;
	display:inline;
	list-style-type: none;
	padding:5px 10px;
	color:#666;
	width:40px;
	text-align: center;
	font-size:112%;
	font-weight:bold;
	padding: 5px;
	text-align: center; 
	width: 25%;
	-webkit-box-shadow: #fff 0px 0px 10px;
	-moz-box-shadow: #fff 0px 0px 10px;
	box-shadow: #fff 0px 0px 10px;
	background: #feccd3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feccd3), to(#feeef0));
	background: -webkit-linear-gradient(#feccd3, #feeef0);
	background: -moz-linear-gradient(#feccd3, #feeef0);
	background: -ms-linear-gradient(#feccd3, #feeef0);
	background: -o-linear-gradient(#feccd3, #feeef0);
	background: linear-gradient(#feccd3, #feeef0);
}

#footer {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:75%;
	margin: 0 auto;
	clear: both;
}

#footer .copyright {
	color: #666;
	text-align: center;
	padding: 20px 0 10px;
	font-size: 75%;
  	
}

#footerContents {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	padding:0px 0px 0px 0px;
	margin: 0 auto;
}

#footerContents ul {
	padding:5px 0px 5px 0px;
	text-align: center;
}

#footerContents ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
	font-size: 75%;
}

#footerContents ul li.end {
	display: inline;
	border: none;
	padding: 0px 10px 0px 10px;
}

#footerContents .box {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:33.3%;
	float: left;
	border: none;
}

.img_main {
	width:960px;
	float: center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#contents {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:75%;
	margin: 20px auto 0 auto;
	text-align: left;
}

.contentsBox {
	margin: 0px 0px 25px 0px;
}

.contentsBox .box {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	font-size: 75%;
	width: 33.3%;
	float: left;
	box-shadow: 0px 0px 5px #ccc;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

#main {
	float: right;
	width:73%;
	margin: 1%;
}

#main p{
	font-size:100%;
	word-break: break-all;
	padding: 10px 10px 10px 10px;
}

#main h2{
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	font-size:125%;
	font-weight: normal;
	line-height: 45px;
	margin: 10px auto;
	padding:0px 0px 0px 0px;
	text-shadow: 1px 1px 1px #fff;
	text-align:center;
	-webkit-box-shadow: #fff 0px 0px 10px;
	-moz-box-shadow: #fff 0px 0px 10px;
	box-shadow: #fff 0px 0px 10px;
	background: #feccd3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feccd3), to(#feeef0));
	background: -webkit-linear-gradient(#feccd3, #feeef0);
	background: -moz-linear-gradient(#feccd3, #feeef0);
	background: -ms-linear-gradient(#feccd3, #feeef0);
	background: -o-linear-gradient(#feccd3, #feeef0);
	background: linear-gradient(#feccd3, #feeef0);
	border: dashed #fff 2px;
}

#main h3{
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	font-size:125%;
	font-weight: normal;
	line-height: 28px;
	margin: 0px 0px 10px 0px;
	background: url(images/bg-h3.png) no-repeat 50% 50%;
	padding:0px 0px 0px 0px;
	text-shadow: 1px 1px 1px #fff;
	text-align:center;
}

#main h4{
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	color: #000;
	font-size:125%;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	text-shadow: 1px 1px 1px #ccc;
	background: url(images/line.gif) repeat-x bottom left;
	text-align:center;
}

#main h5{
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	color: #000;
	font-size:125%;
	font-weight: normal;
	text-shadow: 1px 1px 1px #ccc;
	background: url(images/line.gif) repeat-y bottom left;
	margin: 0px 0px 10px 0px;
	padding:5px 0px 5px 15px;
}

#main .section{
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	margin: 0px 0px 20px 0px;
	padding:1%;
}

#main .box {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:31%;
	float: left;
	border-right: solid #ffa7a1 1px;
	padding: 1%;
}

#main .box-end {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:31%;
	width: 190px;
	float: left;
	padding: 1%;
}

#main ul li{
	list-style-type: none;
	padding: 2px 0 2px 8px;
	background: url(images/list-arw.png) no-repeat 0 50%;
	font-size: 16px;
}

#sub {
	width:23%;
	margin: 1%;
	float: left;
}

#sub h3{
	font-size: 100%;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding:5px;
	background: #FFF;
	border-bottom: dashed 3px #DF8193;
	color: #000000;
	letter-spacing: 0.42em;
	text-align:center;
}

#sub ul {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	font-size: 75%;
	margin: 0px 0px 20px 0px;
	padding: 12px 10px 12px 10px;
}

#sub ul li{
	list-style-type: none;
	padding: 5px 0 5px 8px;
	background: url(images/list-arw.png) no-repeat 0 50%;
	border-bottom: dashed #ccc 1px;
	margin: 5px 0px 5px 0px;
}

#sub .sectionBorder{
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	font-size: 75%;
	margin: 0px 0px 20px 0px;
	padding: 12px 10px 12px 10px;
}

#sub .box {
	border-bottom: dashed #ccc 1px;
	padding: 5px;
}

#sub .box-end {padding: 5px;}

.boxL {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width: 46%;
	float: left;
	font-size: 100%;
	border-right: dashed #ccc 1px;
	padding:1%;
	margin: 1%;
}

.boxR {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width: 46%;
	float: left;
	font-size: 100%;
	padding:1%;
	margin: 1%;
}

.clear{clear:both;}

.bg_f {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	background: url(images/white.png) repeat;
	color: #000;
	-webkit-box-shadow: 3px 3px 5px #ccc;
	-moz-box-shadow: 3px 3px 5px #ccc;
}

.bg_a {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:100%;
	background: url(images/g.png) repeat;
	padding: 5px;
	margin: 0px 0px 50px 0px;
	color: #000;
	border-radius: 8px;
}

.totop {
	position: fixed;
	bottom: 250px;
	right: 0px;
}

.em{background: linear-gradient(transparent 10%, #fff 100%); text-shadow: 1px 1px 1px #ccc;font-size:18px;}
.col{background: linear-gradient(transparent 0%, #f5989d 100%); text-shadow: 1px 1px 1px #fff;font-size:18px;}

.more {
	-webkit-box-sizing: border-box;box-sizing: border-box;
	width:50%;
	text-shadow: 1px 1px 1px #fff;
	padding:5px 10px;
	color:#666;
	font-size:156%;
	text-align: center; 
	margin: 20px auto 50px auto;
	-webkit-box-shadow: #fff 0px 0px 10px;
	-moz-box-shadow: #fff 0px 0px 10px;
	box-shadow: #fff 0px 0px 10px;
	background: #feccd3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feccd3), to(#feeef0));
	background: -webkit-linear-gradient(#feccd3, #feeef0);
	background: -moz-linear-gradient(#feccd3, #feeef0);
	background: -ms-linear-gradient(#feccd3, #feeef0);
	background: -o-linear-gradient(#feccd3, #feeef0);
	background: linear-gradient(#feccd3, #feeef0);
	border: dashed #fff 2px;
}

.mb30{margin-bottom:30px;}

#main .r-head {
	border-collapse: collapse;
	border: solid 1px #fff;
	padding: 0px;
	background: url(images/g.png) repeat;
	width: 30%;
	font-size:100%;
	text-align: center;
	text-shadow: 1px 1px 1px #ccc;
}

#main .r-item {
	border-collapse: collapse;
	border: solid 1px #fff;
	background: url(images/white.png) repeat;
	padding: 10px;
	width: 70%;
	font-size:100%;
}