/* CSS Document */

@charset "utf-8";

/* CSS Reset */
*{margin:0; padding:0}
a{text-decoration:none}
ul,ol{list-style:none}
img{
	vertical-align:middle;
	border:0;
}

/* Fruid Image */
img{
	max-width:100%;
	border:0;
}

/* RollOver */
a:hover img {
	opacity: 0.7;
 	filter: alpha(opacity=70);
 	background:#cc9999;
}

html {
	font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, verdana,sans-serif;
	font-size : 16px;
	line-height:1.5;
	background: linear-gradient(#f5e4d7,#fff,#fff,#e7c3c3);
	background: -moz-linear-gradient(top, #f5e4d7, #fff 30%, #fff 80%, #e7c3c3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5e4d7), color-stop(0.3, #fff),color-stop(0.8, #fff),to(#e7c3c3)) ;

}

body {
		background:url(bg-header.png) repeat-x top left;
}

/* Font */

h1 {
	font-size:100%;
	line-height:1.0;
	padding-top:20px;
	padding-bottom:20px;
}
h1 a:hover img {
	opacity: 1.0;
 	filter: alpha(opacity=100);
   background:#f4dfdf;
    border-radius:6px;
}

h2 {
	font-size:145%;
	font-weight:normal;
	line-height:1.3333;
	margin-bottom:1em;
	padding-left:0.4em;
	text-align:center;
}

h3{
	font-size:135%;
	font-weight:normal;
	margin-bottom:24px;
	padding-left:0.5em;
	color:#666;
	border-bottom:dotted 1px #ccc;
}
h4 {
	font-size:125%;
	padding-left:0.5em;
	margin-bottom:4px;
	color:#000;
	font-weight:normal;
	border-bottom:solid 2px #e2ccb3;
}

h5 {
	font-size: 110%;
	font-weight:bold;
	margin:0;
	padding:4px;
	color:#fff;
	background:#E487A8;
	text-align:center;
	border-radius:6px;
}

h6 {
	font-size: 100%;
	font-weight:bold;
	margin-bottom:4px;
	color:#000;
	text-align:center;
	border-bottom:dotted 1px #ccc;
}

a{
	text-decoration:none;
	color:#a4464f;
}
a:hover{
	text-decoration:underline;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#b26f5b;
}

/* Header */
header {
	text-align:center;
	padding:0;
	margin:0;
}

.u640 {display:inline;}
.o640 {display:none;}

/* Navi */
nav {
	margin-bottom:12px;
	background-color:#f5e4d7;
}

/* Sphone MainNavi */
#layer_1 {
	display:none;
}
#layer_1 li a{
	display:block;
	padding:8px 0;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
#layer_1 li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#cc9999;
}
#dtnavi {display:none;}

/* SlideShow */
.fadein {
	position:relative;
}
.fadein img {
	position:absolute;
	left:0;
	top:0;
}

/* Contents */
#contents {
	margin:20px auto;
	padding:15px;
}

#contents img {
	border-radius:6px;
}

.pkz {
	font-size:75%;
	width:90%;
	border-bottom:dotted 1px #ededed;
	margin:0 auto;
	padding:2px 0px 2px 24px;
	text-align:left;
}

.sub {
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:24px;
	width:94%;
	padding:16px;
}

.waku {
	border:solid 1px #ccc;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:24px;
	width:94%;
	padding:16px;
	border-radius:6px;
	background:#fff;
}

/* Default Table */
.deftbl {
	border-collapse:collapse;
	margin:16px auto;
	border:2px solid #ccc;
	width:100%;
}
.deftbll {
	border-collapse:collapse;
	margin:16px 0 16px 16px;
	border:2px solid #ccc;
}
.defct {
	text-align:center;
	vertical-align:middle;
	padding:12px;
	background:#ededed;
	border:1px solid #ccc;
	white-space: nowrap;
}
.defc {
	text-align:left;
	vertical-align:middle;
	padding:12px;
	border:1px solid #ccc;
}
.defctp {
	text-align:left;
	vertical-align:top;
	padding:12px;
	border:1px solid #ccc;
	font-size:90%;
}

.defcr {
	text-align:right;
	vertical-align:middle;
	padding:12px;
	border:1px solid #ccc;
}

/* Go Top */
.gotop{
	font-size:80%;
	padding:1em 0 1em 4em;
	border-top:1px solid #ccc;
}
/* Footer */
footer {
	color:#000;
	text-align:center;
	padding:24px 0;
	background:url(bg-footer.png) repeat-x bottom left #f2ccc1;
}
.cp {
	font-size:75%;
	line-height:1.0;
	color:#999;
}
/* Decoration css */
.bb {font-weight:bold;}
.ss {font-size:75%;}
.ms {font-size:90%;}
.ml {font-size:125%;}
.ll {font-size:155%;}
.aka {color:#cc0000;}
.cha {color:#cf7069;}
.ao {color:#003399;}
.gray {color:#999;}
.kuro {color:#000;}
.dpink {color:#cc3366;}
.pink {color:#ff6699;}
.midori {color:#00cc00;}
.naka {text-align:center;}
.naka2 {
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}
.hidari {text-align:left;}
.imgl {
	margin-right:25px;
	margin-bottom:25px;
}
.imgr {
	margin-left:25px;
	margin-bottom:25px;
}
.img50 {max-width:50%;}
.img30 {max-width:30%;}
.kaigyo {clear:both;}

.list01 {
	list-style-image:url(ya01.png);
	margin:5px 0 5px 2em;
	padding:0;
}

.list02 {
	list-style-image:url(ya02.png);
	margin:5px 0 5px 2em;
	padding:0;
}
.list03 {
	list-style-type: circle;
	margin:5px 0 5px 2em;
	padding:0;
}
p.cntr {
	text-align: center;
}
h3.red {
	color: red;
	font-weight: bold;
}
.bgblue {
	background-color: #074C6E;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
h1.cntr {
	text-align: center;
}


img.sp {
	height: auto;
}
.fntbig{
  font-size:1.1em;
}
.fntbig2 {
	font-size: 1.6em;
}

.bld{
  font-weight:bold;
}
br.sp{
display:inline;
}

/* 640px */
@media screen and (min-width:640px){

.u640 {display:none;}
.o640 {display:inline;}
.fntbig {
	font-size: 1.4em;
}
.fntbig2 {
	font-size: 1.8em;
}
br.sp{
display:none;
}
}

/* 1024px */
@media screen and (min-width:1000px){

/* Desktop MainNavi */
#navibtn,
#layer_1 {
	display:none;
}
#dtnavi {
	display:block;
	text-align:center;
	background:url(bg-dtnavi.png) repeat-x #ededed;
	height:50px;
	margin:0;
	padding:0;
}

#contents {
	overflow:hidden;
	max-width:984px;
	margin-top:0 auto;
}

.left,
.right {
	float:left;
	margin:0 3px;
	max-width:444px;
	padding:10px;
}

}
