@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}

/* @end */

/* @group Link */

a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:link { color: #cc6633; }
a:visited { color: #cc6633; }
a:hover { color: #cc9966; }
a:active { color: #cc9966; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
#mainContent a:link { text-decoration: none; }
#mainContent a:hover { text-decoration: none; }
a:link.gray { color: #666; }
a:visited.gray { color: #666; }
a:link.black { color: #333; }
a:visited.black { color: #333; }

/* @end */

/* @group Fluid-img */

img { max-width : 100%}

/* @end */


/* @group HTML */

html {
font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
color:#666666;
font-size : 75%; /*レスポンシブタイプセッティングの指定*/
line-height : 1.5;
background:url(images/bg.jpg) top center no-repeat #fbf8f2;
padding-top: 32.72%;
height: 0;
background-size: contain;
}

/* @end */


/* @group Heading */

h1 {
font-size : 3em; 
line-height : 1; 
margin-bottom : 0.5em } 

h2 {
font-size : 2.25em; 
line-height : 1.3333; 
margin-bottom : 0.6667em } 

h3 {
font-size : 1.5em; 
line-height : 1.3333; 
margin-bottom : 1em } 

/* @end */


/* @group Header */

header { 
margin-top:-32.72%;
text-align : center;
padding-top : 1.5em}

header h1.logo {
text-align:center;
margin-bottom : 0.5em}
header h1.logo img {
width:20%;
}
header h2 { }

/* @end */

/* @group Contents */

#contents {
width : 90%;
margin : 0 auto;
text-align : left}

#contents h2{
text-align: center;
margin:1em 0;
}

#contents p { 
margin-bottom : 1.5em}
#contents img { 
margin-bottom : 0.5em } 

.wrap-col {
	margin:20px;
}
.wrap-col-b {
	margin:10px;
}

#contents article,
#contents section {
margin-bottom : 1.5em;
}

#menu dt {
	font-weight:bold;
	margin:1em 0;
}
#menu dd {
	text-align:right;
}

/* @end */

/* @group Footer */

footer {
margin-top:1.5em;
background:#e1dbd0;
padding : 1.5em 0;
text-align : center;
}
footer h1 { font-size :130%
}
footer h2 { font-size : 100%
}


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

html{ font-size : 87.5%} /*レスポンシブタイプセッティングの指定*/

/* @group Header */

header { 
margin-top:-32.72%;
text-align : center;
padding-top : 1.5em}

header h1.logo {
text-align:center;
margin-bottom : 0.5em}
header h1.logo img {
	width:155px;
}
header h2 { }

/* @end */

#contents h3 {
	font-size:120%;
}

#about section {
width:50%;
float:left; 
display:inline-block;
}
#menu section {
width:33.3%;
float:left; 
display:inline-block;
}
.wrap-col {
	margin:0 30px;
}
.wrap-col-a {
	margin:0 10px;
}

ul#banner li {
float: left;
display:inline-block;
width:33.3%;
}

}

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

html{ font-size : 100%} /*レスポンシブタイプセッティングの指定*/

#contents {
width :980px;
}

/* @group Contents */


}




/*----------------------------------------
■装飾
----------------------------------------*/
/*角マルBOX*/
.box01 {
	border: solid 1px #f1e5d2;
	border-radius: 10px;
	padding: 20px;
}
.box02 {
	background: #f3f3f3;
	border-radius: 10px;
	padding: 10px 20px;
}
.box03 {
	border: solid 1px #ccc;
	background: #f7f7f7;
	border-radius: 10px;
	padding: 20px;
}
.box04 {
	background: #d8edb9;
	border-radius: 10px;
	padding: 20px;
}
/*文字色・文字背景色*/
.mk-red { color: #ff0000; }
mark.mk-pink { background: #ffcccc; }

.mk-blue { color: #0066ff; }
mark.mk-sky { background: #AED6FF; }

.mk-orange { color: #ff6600; }
mark.mk-salmon { background: #ffcc99; padding: 0 10px; line-height: 200%; }

.mk-gray { color: #666666; }

.mk-white { color: #fff; }
mark.mk-lime { background: #00cdb3; }

/*文字サイズ*/
.xx-small { font-size: xx-small; }
.x-small { font-size: x-small; }
.small { font-size: small; }
.medium { font-size: medium; }
.large { font-size: large; }
.x-large { font-size: x-large; }
.xx-large { font-size: xx-large; }

/*注釈*/
small { font-size: 0.8em; }

/*標準文字*/
.normal {
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}
/*文先頭１文字下げ（主に※印付きの文章等に使用）*/
.cap {
	text-indent: -1.25em;
	padding-left: 1.25em;
}
/*文字と画像を垂直方向中央に整列（画像にスタイルを適用）*/
/*（画像左に余白）*/
.midL {
	vertical-align: middle;
	margin-left: 5px;
}
/*（画像右に余白）*/
.midR{
	vertical-align: middle;
	margin-right: 5px;
}
/*（画像両横に余白）*/
.midLR {
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
/*中央寄せ、左寄せ、右寄せ*/
.algC { text-align: center; }
.algL { text-align: left; }
.algR { text-align: right; }

/*回り込み（左、右）*/
.floatL { float: left; }
.floatR { float: right; }

/*写真の回り込み*/
/*（写真を左側に挿入する場合）*/
.ptFloatL {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
/*（写真を右側に挿入する場合）*/
.ptFloatR {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
/*micro clearfix（float解除）*/
.cf:before,.cf:after {
    content:"";
    display:table
}
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 */

/*float解除*/
.clear { clear: both; }

/*区切り線*/
hr {
	clear: both;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	visibility: hidden;
}
/*余白の設定*/
/*（40px）*/
.pdgALL40 { padding: 40px; }
.pdgLR40 { padding: 0 40px; }
.pdgTB40 { padding: 40px 0; }
.pdgL40 { padding: 0 0 0 40px; }
.pdgR40 { padding: 0 40px 0 0; }
.pdgT40 { padding: 40px 0 0 0; }
.pdgB40 { padding: 0 0 40px 0; }
.pdgLT40 { padding: 40px 0 0 40px; }
.pdgLB40 { padding: 0 0 40px 40px; }
.pdgRT40 { padding: 40px 40px 0 0; }
.pdgRB40 { padding: 0 40px 40px 0; }
/*（30px）*/
.pdgALL30 { padding: 30px; }
.pdgLR30 { padding: 0 30px; }
.pdgTB30 { padding: 30px 0; }
.pdgL30 { padding: 0 0 0 30px; }
.pdgR30 { padding: 0 30px 0 0; }
.pdgT30 { padding: 30px 0 0 0; }
.pdgB30 { padding: 0 0 30px 0; }
.pdgLT30 { padding: 30px 0 0 30px; }
.pdgLB30 { padding: 0 0 30px 30px; }
.pdgRT30 { padding: 30px 30px 0 0; }
.pdgRB30 { padding: 0 30px 30px 0; }
/*（20px）*/
.pdgALL20 { padding: 20px; }
.pdgLR20 { padding: 0 20px; }
.pdgTB20 { padding: 20px 0; }
.pdgL20 { padding: 0 0 0 20px; }
.pdgR20 { padding: 0 20px 0 0; }
.pdgT20 { padding: 20px 0 0 0; }
.pdgB20 { padding: 0 0 20px 0; }
.pdgLT20 { padding: 20px 0 0 20px; }
.pdgLB20 { padding: 0 0 20px 20px; }
.pdgRT20 { padding: 20px 20px 0 0; }
.pdgRB20 { padding: 0 20px 20px 0; }
/*（15px）*/
.pdgALL15 { padding: 15px; }
.pdgLR15 { padding: 0 15px; }
.pdgTB15 { padding: 15px 0; }
.pdgL15 { padding: 0 0 0 15px; }
.pdgR15 { padding: 0 15px 0 0; }
.pdgT15 { padding: 15px 0 0 0; }
.pdgB15 { padding: 0 0 15px 0; }
.pdgLT15 { padding: 15px 0 0 15px; }
.pdgLB15 { padding: 0 0 15px 15px; }
.pdgRT15 { padding: 15px 15px 0 0; }
.pdgRB15 { padding: 0 15px 15px 0; }
/*（10px）*/
.pdgALL10 { padding: 10px; }
.pdgLR10 { padding: 0 10px; }
.pdgTB10 { padding: 10px 0; }
.pdgL10 { padding: 0 0 0 10px; }
.pdgR10 { padding: 0 10px 0 0; }
.pdgT10 { padding: 10px 0 0 0; }
.pdgB10 { padding: 0 0 10px 0; }
.pdgLT10 { padding: 10px 0 0 10px; }
.pdgLB10 { padding: 0 0 10px 10px; }
.pdgRT10 { padding: 10px 10px 0 0; }
.pdgRB10 { padding: 0 10px 10px 0; }
/*（5px）*/
.pdgALL5 { padding: 5px; }
.pdgLR5 { padding: 0 5px; }
.pdgTB5 { padding: 5px 0; }
.pdgL5 { padding: 0 0 0 5px; }
.pdgR5 { padding: 0 5px 0 0; }
.pdgT5 { padding: 10px 0 0 0; }
.pdgB5 { padding: 0 0 5px 0; }
.pdgLT5 { padding: 5px 0 0 5px; }
.pdgLB5 { padding: 0 0 5px 5px; }
.pdgRT5 { padding: 5px 5px 0 0; }
.pdgRB5 { padding: 0 5px 5px 0; }

/*通常のリスト*/
.normalList li {
    list-style: disc;
    margin-left: 20px;
}
/*一切の装飾無し（hタグを画像にする場合等で使用）*/
.noneStyle {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	background: url(none);
	border: none;
}