@charset "UTF-8";

/*GLOBAL********************/

body {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 2em;
	word-break: break-all;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-image: url(../common_img/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FDEDE6;
}
#logo {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	height: 53px;
	width: 372px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	float: left;
}

/* class */
.clear { clear:both; }

.fLeft { float:left; }
.fRight { float:right; }

#wrapper #contents {
	padding: 0px;
	width: 720px;
	float: left;
	margin-bottom: 40px;
}

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}


/* ▼LINK▼ */
a {
	color: #333333;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #EE6070;
	text-decoration: underline;
}
p {
	line-height: 2em;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

/* ▼IMG▼ */
img {
	border: 0;
}

a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.60;
}


/*HEADER********************/
#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../common_img/header_bg.jpg);
	height: 120px;
}

#header .h_navi {
	float: right;
}


#header .h_navi ul li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#header .h_navi ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

/*NAVI********************/
#gnavi {
	height: 60px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

#gnavi .clearfix li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#gnavi li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#gnavi ul li img,
#gnavi ul li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
	margin: 0px;
	padding: 0px;
}


/*CONTENT********************/
#wrapper #side {
	width: 220px;
	float: right;
	margin-bottom: 20px;
}
#side ul li img,
#side ul li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*FOOTER********************/


	
#footer {
	background-color: #F4B8C7;
}

/*COMMON********************/
.clear { clear:both; }

.block { display:block!important; }
.inline { display:inline!important; }
.nodisp { display:none!important; }


.mb70 { margin-bottom:70px!important; }
.mb60 { margin-bottom:60px!important; }
.mb50 { margin-bottom:50px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }
.mb0 { margin-bottom:0!important; }

.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr28 { margin-left:28px!important; margin-right:28px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr22 { margin-left:22px!important; margin-right:22px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr12 { margin-left:12px!important; margin-right:12px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr8 { margin-left:8px!important; margin-right:8px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mlr3 { margin-left:3px!important; margin-right:3px!important; }
.mlr2 { margin-left:2px!important; margin-right:2px!important; }
.mlr_auto { margin-left:auto!important; margin-right:auto!important; }

.mr40 { margin-right:40px!important; }
.mr30 { margin-right:30px!important; }
.mr25 { margin-right:25px!important; }
.mr20 { margin-right:20px!important; }
.mr15 { margin-right:15px!important; }
.mr10 { margin-right:10px!important; }
.mr5 { margin-right:5px!important; }
.mr0 { margin-right:0px!important; }

.ml100 { margin-left:100px!important; }
.ml30 { margin-left:30px!important; }
.ml18 { margin-left:18px!important; }
.ml15 { margin-left:15px!important; }
.ml5 { margin-left:5px!important; }
.ml3 { margin-left:3px!important; }
.ml-5 { margin-left:-5px!important; }

.mt45 { margin-top:45px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt8 { margin-top:8px!important; }
.mt5 { margin-top:5px!important; }
.mt3 { margin-top:3px!important; }

.m5 { margin:5px!important; }

.p5 { padding:5px!important; }
.p0 { padding:0!important; }

.pb140 { padding-bottom:140px!important; }
.pb45 { padding-bottom:45px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }

.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }

.pr5 { padding-right:5px!important; }
.pr7 { padding-right:7px!important; }
.pr8 { padding-right:8px!important; }
.pr9 { padding-right:9px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr22 { padding-right:22px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40!important; }


.p20 { padding:20px!important; }
.p15 { padding:15px!important; }
.p10 { padding:10px!important; }

.pt2 { padding-top:2px!important; }

.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }

.plr10 { padding-left:10px!important; padding-right:10px!important; }
.plr15 { padding-left:15px!important; padding-right:15px!important; }
.plr25 { padding-left:25px!important; padding-right:25px!important; }


/* contents table */
#contents .listTable {
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	line-height: 2em;
	margin-bottom: 10px;
}
#contents .listTable th {
	text-align:left;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-top-style: none;
	border-right-style: none;
	background-image: url(../common_img/ar.png);
	background-repeat: no-repeat;
	background-position: 7px 17px;
	background-color: #FDF9F2;
	color: #EE6070;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#contents .listTable td {
	vertical-align:top;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-top-style: none;
	border-right-style: none;
	padding: 10px;
}

/*CONTENT********************/


#wrapper #title {
	width: 960px;
	text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: 90px;
	background-image: url(../common_img/title.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
}

/*パン屑リスト*/
/* --- リストエリア --- */
ol.topicPath {
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */


/* --- ページトップ --- */
.pagetop {
	text-align: right;
	height: 26px;
	margin-top: 20px;
}
.pagetop a,
.pagetop a:link {
	color: #444444;
	text-decoration: none;
}
.pagetop a:hover {
	color: #0098B4;
	text-decoration: none;
}




#footer #footer_wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



/* --- フッターナビ --- */
#footer_navi {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer_navi ul{
	list-style-type: none;
	margin: 0px auto;
	text-align:center;
	font-size: 11px;
	color: #FFF;
}

#footer_navi li{
	/* インラインブロック化 */
display: -moz-inline-box; /*Fx2*/
	display: inline-block;
/display: inline; /zoom: 1; /*IE6*/
	/* その他書式 */
text-align:center;
	padding: 3px;
}

#footer_navi a,
#footer_navi a:link {
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#footer_navi a:hover {
	color: #8EBF15;
	text-decoration: none;
	text-align: center;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
}
#header #h_navi {
	float: right;
	padding-top: 45px;
}
.go-top {
	position: fixed; /*固定表示*/
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(238,96,112,0.3);
	font-size: 12px;
	display: none; /*通常は非表示に*/
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}