@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.72em;display:block;}

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

a:hover{text-decoration:none;}

#top-header,#title_message,#nav-global,#base_trunk,#link-box,#bread-nav,#article-box,#foot-wrapper{ display:block;}

#article-box p{ text-indent:1em; }

/* Design-type-A-1 */
/* レイアウト */
div.all-wrapper{
width:960px; margin:0 auto;
}

body{ background-color:rgba(0,0,255,0.5);}

#title_message{padding:25px 80px; margin:0 auto;}

#bread-nav{height:22px;padding-top:5px;}

#bread-nav p{height:23px;}

#top-header{
padding:0 25px;
}

#nav-global{height:50px; background-color:#fff;margin-bottom:30px;
}

div.main-visual{height:350px; }

div.main-visual div.site-image{width:533px; height:300px;
background: url(../img/main-rykokokaigaiii.jpg) no-repeat left top; margin:0 auto;}

#article-box h2{background:url(../img/h2-icon-rykokokaigaiii.png) no-repeat 16px 1px;}

/* 中央揃え */

/* float */
#article-box{float:right; width:68%; margin-right:2%;}

#link-box{float:right; width:26%; margin-left:2%; margin-right:2%;}

#nav-global ul li{float:left; width:20%; text-align:center;}


div.content_box:first-child h2+div p{width:70%;float:right;}

h2+div img{float:left;width:25%;}


p.last-p{ width:960px; margin:50px auto 50px;text-align:right;}












/* 全体編集 */
/* color */
body{
background-color:#957F70;
background:url(../img/bg-rykokokaigaiii.png) #F8C6B5;
}

div.all-wrapper{
background-color:#fff;
}

#bread-nav{
background-color:#E61E31;
color:#fff;
background: #e61e31;
background: -moz-linear-gradient(45deg,  #e61e31 0%, #c9000d 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e61e31), color-stop(100%,#c9000d));
background: -webkit-linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
background: -o-linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
background: -ms-linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
background: linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61e31', endColorstr='#c9000d',GradientType=1 );

}

#bread-nav a{
text-decoration:underline; color:#fff;
}


#nav-global{
 background-color:#F8C6B5;
color:#333;
}

#nav-global ul li a{
color:#333; text-decoration:underline;
}

#nav-global ul li a:hover{
color:#333; text-decoration:none;
}

#top-header{
  background-color:#E7EEAA; color:#333;
}

div.main-visual{
  background-color:transparent;
}

#article-box h2,#link-box h3{
color:#333;
background-color: #fff; font-weight:bold;

}

#foot-wrapper{
background-color:#E61E31; color:#fff;
background: #e61e31;
background: -moz-linear-gradient(45deg,  #e61e31 0%, #c9000d 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e61e31), color-stop(100%,#c9000d));
background: -webkit-linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
background: -o-linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
background: -ms-linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
background: linear-gradient(45deg,  #e61e31 0%,#c9000d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61e31', endColorstr='#c9000d',GradientType=1 );

}

#link-box ul,#article-box ul,h2+div{
background-color:#fff;
}

div.link p{
background-color:#fff; color:#000; border-radius:15px;

}

div.link p a{
 color:#000;
}

p.last-p a{
background-color:#E61E31; color:#fff;

}

p.last-p a:hover{
background-color:#F07883; 

}

#bread-nav p{
padding-top:4px;
}


/* border */
div.all-wrapper{
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:4px solid #000;
}

#bread-nav{
border-bottom:2px solid #fff; 
}

#nav-global ul{
/*border:2px solid #fff;*/
}

#nav-global ul li a{
border-left:1px dashed #000;
}

#article-box h2{
border-bottom:2px solid #E61E31;
}

#link-box h3{
border-bottom:2px solid #E61E31;
}

#article-box ul,h2+div,#link-box ul{
border:1px solid #000;
}

div.main-visual div.site-image{
border:3px solid #333;
}

#article-box ul li{
 border-bottom:1px dashed #aaa;
}

#article-box .link p{
border:1px solid #000; margin-bottom:30px;
}

#link-box ul li{
text-align:center; border-bottom:1px dashed #aaa; padding:15px 0;
}

#link-box ul li:last-child,#article-box ul li:last-child{
border:none;
}

#foot-wrapper{
border-top:2px solid #fff;
}

p.last-p a{
border-radius:25px; border:1px solid #000;
}


/* size */
div.all-wrapper{
width:920px;
}

#bread-nav{
height:28px; padding:0 0 0 50px;

}

#bread-nav p{
line-height:1.7;

}


#top-header{
height:65px; padding:25px 0 25px 50px;
}

#top-header h1{
font-size:24px;
}

#top-header p{
font-size:14px;
}

#title_message{ 
 padding:0 0 0 90px;
 background:url(../img/icon-rykokokaigaiii.png) no-repeat left 0;
}

div.main-visual {
padding-top:15px;
margin-bottom:55px; height:300px;
}

#nav-global{
height:44px; font-weight:bold;
}

#nav-global ul li a{
 display:block; line-height:44px;
}

#nav-global ul li:first-child a{
width:183px; border-left:none;
}

#nav-global ul li a:last-child,#nav-global ul li a:first-child{
width:183px;
}

#nav-global ul li a:hover{ background-color:#fff;}

#article-box h2,#link-box h3{
margin-bottom:12px;
}

#link-box div{
margin-bottom:30px;
}




/* その他 */
div.all-wrapper{
box-shadow:rgba(0,0,0, 0.25) 5px 5px 5px;
}

#article-box ul,h2+div{
margin-bottom:30px;
}

#article-box h2{
height:44px; font-size:16px; 
padding-left:80px; line-height:44px;
text-align:left; font-weight:bold; 
}

#article-box ul li{
 border-bottom:1px dashed #aaa; padding:20px 0; 
 text-align:center;
}

#article-box h2+div,div.link p{
padding:25px;margin-bottom:25px;
}

p.last-p a{
display:block;
padding:10px 20px; margin:0 auto;
text-decoration:none; width:500px; text-align:center; letter-spacing:0.2em;
}

#link-box h3{
font-size:14px; line-height:40px; text-align:left; padding-left:35px;
}

#link-box ul li{
text-align:center; padding:15px 0;
}

#foot-wrapper p{
text-align:center; line-height:35px;
}

#foot-wrapper a{
color:#fff;
}







/* - - - - - -  個別編集  type A-1 - - - - - - */
#nav-global{ margin-bottom:25px;}

div.main-visual{
 margin-bottom:30px;
}


/* ID list 
#bread-nav,#top-header,#title_message,#nav-global,#base_trunk,#article-box,#link-box,#foot-wrapper
*/
/* その他 css3 */
/* 浮き出し文字
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 
#link-box{
zoom: 1;
}

#link-box:before, #link-box:after {
content: "";
display:block;
}

#link-box:after {
clear: both;
}

*/}
