@charset "UTF-8";

/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, details, embed {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;border-collapse:collapse !important;}

:focus{/* remember to define focus styles! */ outline: 0;}

body{background:transparent; line-height: 1;}

ol, ul{list-style: none;}

table{/* tables still need 'cellspacing="0"' in the markup */border-collapse: collapse !important; border-spacing: 0;}

caption, th, td { font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after { content: "";}

blockquote, q { quotes: "" "";}

a img{border: 0 !important;}

img{max-width:100%;}

ul{margin:0;padding:0;}
ul li{list-style:none;}
img{max-width:100%;}
.clearfix{clear:both;}

/* clear fix */
.cF {zoom: 1;}

.cF:before, .cF:after {
content: "";
display:block;}

.cF:after {clear: both;}

body {font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","メイリオ", Meiryo, serif;font-size:13px;line-height:1.7;letter-spacing: 0.14em;color:#000;text-align:left;background:#fff;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li{line-height:1.7em;display:block;}

a{color:#333;text-decoration:underline;}

a:hover{text-decoration:none;}

#header_info,#header-sub,#nav-wrapper,#main-page,#side-wrapper,#navi-page,#content_waku,#company{ display:block;}


/* setting width:768px以上 */
#nav-wrapper a,.last-p a{ text-decoration:none; }

#content_waku p{ text-indent:1em; }

body{
background-color:#fbe0e9;
}

.all-wrapper{
width:994px; margin:0 auto;
position:relative;
border-right:2px solid #000;
border-left:2px solid #000;
border-right:2px solid #4f2130;
border-left:2px solid #4f2130;

border-bottom:2px solid #000;
min-height:1400px;
background:#fff;
}

#navi-page,.main-visual,#side-wrapper{
width:28%; margin-right:72%;
background:#ea6390;
}

#header_info,#nav-wrapper,#content_waku,.last-p
,#company{
position:absolute; right:0; width:72%;
}

#navi-page a{
color:white;
}

#header_info{
top:0; border-top:24px solid #fbe0e9;
height:150px; text-align:center;
}

#header_info h1{
line-height:80px; padding-top:10px;
font-size:24px; font-weight:bold;
}

#header_info p{
font-size:18px;
}

#nav-wrapper{
top:174px; height:40px; padding-left:25px;
}

#nav-wrapper li a{
display:block;width:200px; margin:0 auto;
text-align:center; background-color:#ea6390;
font-weight:bold; color:#fff; padding:4px 0 3px;
border-radius:5px;
}

#nav-wrapper li:nth-child(1) a{
position:absolute; left:16%; top:0;
margin-left:-73px; margin-top:50px;
}

#nav-wrapper li:nth-child(2) a{
position:absolute; left:32%; top:0;
margin-left:-73px;
}

#nav-wrapper li:nth-child(3) a{
position:absolute; left:48%; top:0;
margin-left:-73px; margin-top:50px;
}

#nav-wrapper li:nth-child(4) a{
position:absolute; left:64%; top:0;
margin-left:-73px;
}

#nav-wrapper li:nth-child(5) a{
position:absolute; left:80%; top:0;
margin-left:-73px; margin-top:50px;
}

#navi-page{
height:24px; text-align:center;
color:white;
}

#company{
bottom:0; text-align:center;
}

.last-p{
bottom:80px; text-align:right;
}

.last-p a{
margin-right:25px; display:block;
width:100px; height:100px; border-radius:150px;
line-height:100px; color:white;float:right;
font-weight:bold; text-align:center;
background-color:#ea6390;
}

#content_waku{
top:290px;
}

#content_waku h2{
font-size:18px; text-align:center;
height:40px; line-height:40px; 
letter-spacing:0.2em; width:80%; margin:0 auto 25px;
background:url(../img/icon1.png) no-repeat top left;
}

#content_waku p{
width:80%; margin:0 auto;
margin-bottom:25px;
}

#content_waku .link{
margin-bottom:40px;
}

.main-visual{
height:280px;
}

#side-wrapper{
min-height:1200px;
text-align:center; color:white;
}

#side-wrapper div:first-child{
margin-bottom:30px;
}

#side-wrapper h3{
font-size:16px; font-weight:bold;
 margin:0 auto 13px;width:80%;
height:40px; line-height:40px;
background:url(../img/icon2.png) no-repeat left top;
}

#side-wrapper li a{
display:block;
margin-bottom:15px; color:white;
}

#content_waku ul{
margin-bottom:30px;
}

#content_waku li{
margin-bottom:20px; font-size:16px;
text-align:center;
}



/* separate code */
#header_info{
border-color:#D2EFF8;
}

/* common code width:994px; */
.all-wrapper{
width:994px; min-height:2000px; border:2px solid #000;
}

body{
background: rgb(251,237,210);
background: -moz-linear-gradient(45deg,  rgba(251,237,210,1) 0%, rgba(255,255,255,1) 25%, rgba(251,237,210,1) 50%, rgba(248,219,164,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(251,237,210,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(50%,rgba(251,237,210,1)), color-stop(100%,rgba(248,219,164,1)));
background: -webkit-linear-gradient(45deg,  rgba(251,237,210,1) 0%,rgba(255,255,255,1) 25%,rgba(251,237,210,1) 50%,rgba(248,219,164,1) 100%);
background: -o-linear-gradient(45deg,  rgba(251,237,210,1) 0%,rgba(255,255,255,1) 25%,rgba(251,237,210,1) 50%,rgba(248,219,164,1) 100%);
background: -ms-linear-gradient(45deg,  rgba(251,237,210,1) 0%,rgba(255,255,255,1) 25%,rgba(251,237,210,1) 50%,rgba(248,219,164,1) 100%);
background: linear-gradient(45deg,  rgba(251,237,210,1) 0%,rgba(255,255,255,1) 25%,rgba(251,237,210,1) 50%,rgba(248,219,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbedd2', endColorstr='#f8dba4',GradientType=1 );
}

#nav-wrapper li a,.last-p a{
background: rgb(224,111,38);
background: -moz-linear-gradient(45deg,  rgba(224,111,38,1) 0%, rgba(236,169,125,1) 25%, rgba(224,111,38,1) 50%, rgba(112,56,19,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(224,111,38,1)), color-stop(25%,rgba(236,169,125,1)), color-stop(50%,rgba(224,111,38,1)), color-stop(100%,rgba(112,56,19,1)));
background: -webkit-linear-gradient(45deg,  rgba(224,111,38,1) 0%,rgba(236,169,125,1) 25%,rgba(224,111,38,1) 50%,rgba(112,56,19,1) 100%);
background: -o-linear-gradient(45deg,  rgba(224,111,38,1) 0%,rgba(236,169,125,1) 25%,rgba(224,111,38,1) 50%,rgba(112,56,19,1) 100%);
background: -ms-linear-gradient(45deg,  rgba(224,111,38,1) 0%,rgba(236,169,125,1) 25%,rgba(224,111,38,1) 50%,rgba(112,56,19,1) 100%);
background: linear-gradient(45deg,  rgba(224,111,38,1) 0%,rgba(236,169,125,1) 25%,rgba(224,111,38,1) 50%,rgba(112,56,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e06f26', endColorstr='#703813',GradientType=1 );
}

#navi-page,.main-visual,#side-wrapper{
background-color:#E06F26;
}


#nav-wrapper a:hover,.last-p a:hover{
background-image:none;
background-color:#B784A9;
}

#header_info{
border-color:#F4C977;
}

#side-wrapper{
min-height:1800px;
}

#side-wrapper div{
width:90%; margin:0 auto; color:white;
padding-bottom:15px;
}

#side-wrapper h3{
padding-top:5px; background-image:none; font-size:17px;
border-bottom:1px solid #fff;
}

#side-wrapper li,#side-wrapper li a{
text-decoration:none; font-weight:bold;
}

#side-wrapper li a:hover{
text-decoration:underline;
}

.link p{
border:2px dashed #EDA51C; padding:15px;
}

/* ID list 
#navi-page,#header_info,#header-sub,#nav-wrapper,#main-page,#content_waku,#side-wrapper,#company
*/
/* その他 css3 */
/* text-shadow
text-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);
*/
/* box-shadow
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
*/
/* 浮き出し文字
color: #aaa;　text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
background-color: #aaa; */
/* 沈み込んだ文字
color: #aaa;　text-shadow: -1px -1px 1px #000000, 1px 1px #ffffff;
background-color: #aaa; */
/* 袋文字 
 color: #ccc;
text-shadow: 1px 0px 0px #005500, 0px 1px 0px #005500, -1px 0px 0px #005500, 0px -1px 0px #005500;*/

/* clear fix 
#side-wrapper{
zoom: 1;
}

#side-wrapper:before, #side-wrapper:after {
content: "";
display:block;
}

#side-wrapper:after {
clear: both;
}

*/}