@charset "utf-8";

/*リセットCSS
----------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address,
dfn, em,
small, strong,
b, i,
dl, dt, dd, ol, ul, li, img,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
    line-height:1;
    background-color: #fff3fa;
	font-family: Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;
}

h1, h2 {
font-weight:normal;
}

a {
    color: #3333ff;
}

a:visited {
    color: #3333ff;
}

a.link {
    color:#000000;
}

a.link:visited {
    color:#333333;
}

nav ul,
nav ol {
    list-style: none;
}

/*リセットCSS終わり
----------------------------------*/

header {
	margin-bottom: 10px;
}

header h1 {
	color:#fff;
	padding:5px 0;
	font-size:100%;
	text-align:center;
	line-height:1;
	text-shadow: 1px 1px 1px #666;
	background: -moz-linear-gradient(top,#ffb6e1 0%,#f23da7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb6e1), to(#f23da7));
	background-image: linear-gradient(top, #ffb6e1, #f23da7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb6e1, endColorstr=#f23da7); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb6e1', endColorstr='#f23da7')"; /*ie8*/
}

section {
	background-color: #FFFFFF;
	margin: 0px;
}

section h2 {
	height: auto;
	font-size: 110%;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 10px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	background-color: #444;
	background-image: url(img/texture.png);
	background-repeat: repeat;
}

article p,
section p {
    line-height: 1.4em;
    margin-bottom: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
}

article {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

article h2 {
	height: auto;
	font-size: 150%;
	color: #f23da7;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	background-color: #ffbf90;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 26px;
	letter-spacing: 0.05em;
	
	text-shadow: 1px 1px 1px #CCC;
	font-weight: bold;
	
	background: url(./img/line.png) no-repeat left,-moz-linear-gradient(top,#FFF 0%,#EEE);
	background: url(./img/line.png) no-repeat left,-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background-image: url(./img/line.png) no-repeat left,linear-gradient(top, #FFF, #EEE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#EEEEEE')"; /*ie8*/
}

nav#menulist {
	margin-top:20px;
	margin-right: 0px;
	margin-left: 0px;
	-webkit-box-shadow: 0 8px 6px -6px #888;
	-moz-box-shadow: 0 8px 6px -6px #888;
	box-shadow: 0 8px 6px -6px #888;
}

nav#menulist h2 {
	font-size: 110%;
	height:32px;
	background: -moz-linear-gradient(top,#ddd 0%,#aaa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: linear-gradient(top, #ddd, #aaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#aaaaaa); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='#aaaaaa')"; /*ie8*/
	text-align:center;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #666;
	color: #000; 
	margin-bottom:0;
	padding:5px;
	font-weight:bold;
	line-height:32px;
	text-shadow: 1px 1px 1px #999;
}
nav#menulist ul {
    margin-top: 0px;
}

nav#menulist ul li {
	height: 40px;
	margin:0;
	text-align:left;
	padding:0;
	border-top:1px #fff solid;
	border-bottom:1px #aaa solid;
	display:block;
	background: -moz-linear-gradient(top,#fcfcfc 0%,#e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9));
	background-image: linear-gradient(top, #fcfcfc, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcfcfc, endColorstr=#e9e9e9); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#e9e9e9')"; /*ie8*/
}
nav#menulist ul li:hover {
	background: -moz-linear-gradient(top,#f0f0f0 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ddd));
	background-image: linear-gradient(top, #f0f0f0, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#dddddd); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#dddddd')"; /*ie8*/
}

nav#menulist ul li:last-child {
    margin-bottom: 0px;
}

nav#menulist ul li a {
	background: url(./img/arrow.png) right no-repeat;
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 8px;
}

footer {
	height: auto;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 5px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

footer p {
	background-color: #f23da7;
	clear: both;
	padding-top: 5px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

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

footer a:visited {
	color: #FFF;
}

/*文字色
----------------------------------*/
.red{ color: #eb0e23; }/*赤*/
.pink{ color: #f23da7; }/*ピンク*/
.blue{ color: #0094fc; }/*青*/
.aqua{ color: #18e5e5; }/*水色*/
.navy{ color: #303ba5; }/*紺*/
.green{ color: #93c00a; }/*緑*/
.orange{ color: #fc9400; }/*橙*/
.black{ color: #333333; }/*黒*/
.gray{ color: #CCCCCC; }/*灰*/
.white{ color: #FFFFFF; }/*白*/
.yellow{ color: #ecec3e; }/*黄*/

/*文字の背景色
----------------------------------*/
.bgc-red{ background-color: #feaeb6; }/*赤*/
.bgc-pink{ background-color: #ffb4e0; }/*ピンク*/
.bgc-blue{ background-color: #afdeff; }/*青*/
.bgc-aqua{ background-color: #aefefe; }/*水色*/
.bgc-navy{ background-color: #aeaefe; }/*紺*/
.bgc-green{ background-color: #ebffaf; }/*緑*/
.bgc-orange{ background-color: #ffdeaf; }/*橙*/
.bgc-black{ background-color: #333333; }/*黒*/
.bgc-gray{ background-color: #CCCCCC; }/*灰*/
.bgc-white{ background-color: #FFFFFF; }/*白*/
.bgc-yellow{ background-color: #fefeae; }/*黄*/

/*文字サイズ
----------------------------------*/
.fs10{font-size: 10px;}/*12px*/
.fs12{font-size: 12px;}/*12px*/
.fs14{font-size: 14px;}/*14px*/
.fs16{font-size: 16px;}/*16px*/
.fs18{font-size: 18px;}/*18px*/
.fs20{font-size: 20px;}/*20px*/
.fs22{font-size: 22px;}/*22px*/
.fs24{font-size: 24px;}/*24px*/
.fs26{font-size: 26px;}/*26px*/
.fs28{font-size: 28px;}/*28px*/
.fs30{font-size: 30px;}/*30px*/

/* ヘッダの文字
----------------------------------*/
#headtop {
	display: block;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 8px 6px -6px #888;
	-moz-box-shadow: 0 8px 6px -6px #888;
	box-shadow: 0 8px 6px -6px #888;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#headtop p {
	text-align: center;
	font-size: 170%;
	color: #f23da7;
	letter-spacing: 0.1em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
/* ヘッダの文字終わり
----------------------------------*/

div#section {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	-webkit-box-shadow: 0 8px 6px -6px #888;
	-moz-box-shadow: 0 8px 6px -6px #888;
	box-shadow: 0 8px 6px -6px #888;
	background-color: #FFFFFF;
}
nav#breadcrumbs {
	margin-bottom: 20px;
	-webkit-box-shadow: 0 8px 6px -6px #888;
	-moz-box-shadow: 0 8px 6px -6px #888;
	box-shadow: 0 8px 6px -6px #888;
}

nav#breadcrumbs #slidelist {
	display: block;
	text-align:center;
	color: #000;
	margin-bottom:0;
	padding:5px;
	font-weight:bold;
	line-height:32px;
	text-shadow: 1px 1px 1px #999;
	font-size: 110%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #aaa;
	border-bottom-color: #666;
}

.slidetop {
	background: url(./img/down.png) no-repeat right,-moz-linear-gradient(top,#ddd 0%,#aaa);
	background: url(./img/down.png) no-repeat right,-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: url(./img/down.png) no-repeat right,linear-gradient(top, #ddd, #aaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#aaaaaa); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='#aaaaaa')"; /*ie8*/
}

.open { 
    background: url(./img/up.png) no-repeat right,-moz-linear-gradient(top,#ddd 0%,#aaa);
	background: url(./img/up.png) no-repeat right,-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: url(./img/up.png) no-repeat right,linear-gradient(top, #ddd, #aaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#aaaaaa); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='#aaaaaa')"; /*ie8*/
}
nav#breadcrumbs ul {
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}

nav#breadcrumbs ul li {
    height: 40px;
	margin:0;
	text-align:left;
	padding:0;
	border-top:1px #fff solid;
	border-bottom:1px #aaa solid;
	display:block;
	background: -moz-linear-gradient(top,#fcfcfc 0%,#e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9));
	background-image: linear-gradient(top, #fcfcfc, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcfcfc, endColorstr=#e9e9e9); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#e9e9e9')"; /*ie8*/
}
nav#breadcrumbs ul li:hover {
	background: -moz-linear-gradient(top,#f0f0f0 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ddd));
	background-image: linear-gradient(top, #f0f0f0, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#dddddd); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#dddddd')"; /*ie8*/
}

nav#breadcrumbs ul li:last-child {
	margin: 0px;
	padding: 0px;
}

nav#breadcrumbs ul li a {
	background: url(./img/arrow.png) right no-repeat;
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 8px;
}
nav#menulist ul li a {
	background: url(./img/arrow.png) right no-repeat;
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 8px;
}
nav#breadcrumbs ul li:first-child a {
	background: url(./img/home.png) right no-repeat;
}

.continue p {
	line-height: 1.4em;
	color: #000000;
	text-align: right;
	padding: 6px 8px 6px 8px;
	text-decoration: underline;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	background-color: #EEE;
}

.back p {
	line-height: 1.4em;
	color: #000000;
	text-align: left;
	padding: 6px 8px 6px 8px;
	text-decoration: underline;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	background-color: #EEE;
	font-size: 95%;
}

#btntop {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 10em;
	font-size: 100%;
	float: right;
	margin-right: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	background-image: url(img/pagetop.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	margin-bottom: 10px;
}

#btntop a {
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 18px;
}

.center {
    text-align: center;
}