@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
color:#595757;
}

html,body{
height:100%;
}

a{
color:#F19CA6;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-decoration:none;
}


#wrapper{
height:100%;
width:100%;
min-height:100%;
position:relative;
}

#header{
display:block;
height:300px;
width:100%;
background:url(../img/kome_tibg.jpg) no-repeat 20% 70%;
-moz-background-size:100% auto;
background-size:100% auto; 
float:none;
}

#logo{
width:260px;
text-align:center;
margin:0 0 0 50px;
padding:100px 0 0 0;
float:left;
}

h1{
background:url(../img/konna_tisp.png) no-repeat top center;
margin:100px 0 0 0;
height:300px;
width:450px;
float:left;
}

h1 p{
visibility:hidden;
}

#navi{
display:none;
width:100%;
height:30px;
}

#navi ol.navi{
margin:0;
padding:0;
}

#navi ol.navi li{
display:block;
width:30%;
height:30px;
margin:0;
padding:0;
list-style:none;
float:left;
text-align:center;
}

#main{
width:100%;
margin:0 auto;
clear:both;
height:100%;
min-height:100%;
}

#sub_main{
clear:both;
}

#contents{
background:url(../img/konna_maina_ti.png) no-repeat top left;
width:650px;
margin:63px auto 0 auto;
padding:100px 0 100px 47px;
}

#contents h3{
font-size:20px;
font-weight:normal;
color:#F19CA6;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
clear:both;
text-align:left;
padding-left:30px;
}

#contents h5{
font-size:20px;
font-weight:normal;
color:#F19CA6;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
clear:both;
font-weight:normal;
text-align:left;
padding-left:30px;
padding-top:20px;
}

#contents h4{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#F19CA6;
font-size:16px;
font-weight:normal;
text-align:left;
padding-left:30px;
}


#sub_contents{
width:650px;
background-color:#FFF;
border:#F19CA6 1px solid;
height:auto;
overflow:auto;
font-size:13px;
margin-bottom:30px;
}

#sub_cont_l{
width:300px;
float:left;
text-align:left;
margin:10px 0 30px 30px;
line-height:1.8em;
}

#sub_cont_r{
width:270px;
float:right;
text-align:left;
margin:10px 30px 30px 0;
line-height:1.8em;
}

.kome_ti{
color:#F19CA6;
font-size:16px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#tbl_kome{
}

#tbl_kome td{
padding:3px;
border-bottom:#FCE5E8 solid 1px;
text-align:left;
width:200px;
}

#tbl_kome th{
background:#FCE5E8;
padding:3px;
border-bottom:#fff solid 1px;
text-align:left;
width:80px;
}

#tabi_list{
margin:0 30px;
padding:0 0 20px 0;
list-style:none;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#tabi_list li{
margin:0 0 6px 0;
padding-top:5px;
display:block;
width:200px;
height:25px;
background-color:#FCE5E8;
text-align:center;
}

#tabi_list li a{
color:#F19CA6;
text-decoration:none;
font-weight:bold;
}

#tabi_list li a:hover{
color:#fcb4bc;
text-decoration:underline;
font-weight:bold;
}

#kome_btn{
border:#F19CA6 1px solid;
padding:5px;
text-align:center;
margin-bottom:20px;
}

#crp_toi{
text-align:center;
padding:10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
line-height:2.5em;
color:#F19CA6;
}

#crp_toi a{
text-decoration:none;
}

#crp_toi a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition:opacity 0.2s linear;
}

#title{
background:url(img/kome_tibg.jpg) no-repeat top left;
height:200px;
}

p.txt{
margin:20px 30px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.8em;
font-size:13px;
}

p.txt03{
margin:20px 30px;
padding: 10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.8em;
font-size:14px;
}

#pagetop{
text-align:right;
height:40px;
clear:both;
margin-top:30px;
}


#footer{
background-color:#FCE5E8;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
clear:both;
width:100%;
position: fixed;
bottom:0;
float:none;
z-index:100;
}

#footer_corp{
margin:0 0 10px 50px;
padding-top:15px;
width:100%;
font-size:11px;
}

#footer_cp{
background-color:#F19CA6;
text-align:right;
padding:12px 61px 12px 0;
}

.ft_corp{
font-size:13px;
}

@media screen and (min-width: 1164px){

html,body{
height:100%;
}

#wrapper{
height:100%;
width:100%;
min-height:100%;
}

#header{
height:100%;
width:26%;
background:url(../img/kome_tibg.jpg) no-repeat bottom left;
-moz-background-size:cover;
background-size:cover;
position:fixed;
float:left;
margin-right:26px;
}

#logo{
height:110px;
width:auto;
text-align:center;
margin:0 0 0 25px;
float:none;
clear:both;
}

h1{
background:url(../img/konna_ti.png) no-repeat top center;
margin:0 0 0 30%;
height:800px;
width:160px;
float:none;
clear:both;
}

h1 p{
visibility:hidden;
}

##main{
width:74%;
padding-left:0;
float:left;
height:100%;
min-height:100%;
}

#sub_main{
clear:both;
height:100%;
}

#navi{
display:block;
width:200px;
float:left;
background:url(../img/navi_line4.gif) top left repeat-y;
position:fixed;
height:100%;
left:30%;
padding:150px 0 0 0 ;
margin-bottom:auto;
}

#navi ol.navi{
display:block;
height:auto;
width:200px;
margin:0;
padding:5px 0 0 0;
position:absolute;
top:40px;
}

#navi ol.navi li{
display:block;
width:200px;
height:33px;
margin:0;
padding:2px 0 2px 17px;
list-style:none;
text-align:left;
background:url(../img/nav_sankaku4.gif) no-repeat 0 3px #FFF;
}

#navi ol.navi li.mgn{
padding-bottom:15px;
}

#navi ol.navi li a{
text-decoration:none;
}

#navi ol.navi li a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition:opacity 0.2s linear;
}

#contents{
background:url(../img/konna_maina_ti.png) no-repeat top left;
width:650px;
margin:63px auto 0 auto;
padding:100px 0 100px 47px
float:left;
position:absolute;
left:45%;
height:auto;
}

#contents h3{
font-size:20px;
font-weight:normal;
color:#F19CA6;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
clear:both;
text-align:left;
padding:10px 20px;
}

#contents h5{
font-size:20px;
font-weight:normal;
color:#F19CA6;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
clear:both;
text-align:left;
padding-left:30px;
padding-top:30px;
}

#contents h4{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#F19CA6;
font-size:16px;
}

#sub_contents{
width:650px;
background-color:#FFF;
border:#F19CA6 1px solid;
height:auto;
overflow:auto;
font-size:13px;
margin-bottom:30px;
}

#crp_toi{
text-align:center;
padding:10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
line-height:2.5em;
color:#F19CA6;
}

#crp_toi a{
text-decoration:none;
}

#crp_toi a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition:opacity 0.2s linear;
}

#title{
background:url(bg.jpg) no-repeat top left;
height:200px;
}

p.txt{
margin:20px 30px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.8em;
font-size:13px;
}

#footer{
background-color:#FCE5E8;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
clear:both;
float:left;
position: fixed;
bottom:0;
left:26%;
width:74%;
z-index:100;
}

#footer_corp{
margin:15px 0 10px 50px;
width:600px;
font-size:13px;
padding-top:0;
}

#footer_cp{
background-color:#F19CA6;
text-align:right;
padding:12px 61px 12px 0;
}

.ft_corp{
font-size:16px;
}


}

@media print{
#footer {
	display:none;
	}
}