@charset "utf-8";
/* CSS Document */
/* formatting style
------------------------------*/
* {
font-style: normal;
margin: 0px;
padding: 0px;
}
body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 75%;
line-height: 1.5;
background-color: #FFFFFF;
text-align: center;
}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,div,span,img,form,a,address {
font-style: normal;
text-decoration: none;
list-style: none;
text-align: left;
border: none;
margin: 0;
padding: 0;
}

img {
vertical-align: bottom;
}

table,tr,th,td {
border-collapse: collapse;
border: none;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
}

.colL { float: left; text-align: left; display: inline; }
.colR { float: right; text-align: left; display: inline; }

.fsS { font-size: 83%; }
.fcR { color: #FF0000; }

a:link { color: #333333; text-decoration: underline; }
a:visited { color: #fa3e96; text-decoration: underline; }
a:hover { color: #fa3e96; text-decoration: none; }
a:active { color: #fa3e96; text-decoration: underline; }

/* container */
#container {
text-align:center;
background-color:#E3C4B7;
margin:0 auto;
width:960px;
background:url("../img/bg.jpg") repeat-y scroll left top transparent;
position:relative;
}

/* head */
#header {
background-color:#422100;
width:260px;
height:211px;
position:absolute;
top:0;
right:0;
}

#header #title {
font-size:180%;
font-weight:bold;
padding:20px 15px 20px 15px;
}

#header #title a {
color:#FFFFFF;
}

#header #tagline {
color:#FFFFFF;
font-size:100%;
padding:0 15px 10px 15px;
}

#header #mobile{
font-size:90%;
color:#FFFFFF;
padding:10px 3px 5px 160px;
}

#header #mobile a{
color:#FFFFFF;
}

/* menu */
#menu {
background-color:#C86A4F;
padding:8px 290px 8px 15px;
}

#menu li {
float:left;
background: url("../img/icon_arrow.gif") no-repeat 0 0.5em;
padding-left:20px;
padding-right:15px;
white-space:nowrap;
}

#menu li a{
color:#FFFFFF;
}

/* main */
#main {
float:left;
width:670px;
}

/* topicpath */
#topicpath {
color:#824024;
padding:10px 0 10px 15px;
}

#topicpath li{
float:left;
padding-right:10px;
padding-top:5px;
}

#topicpath li.home{
background: url("../img/icon_home.gif") no-repeat 0 0.4em;
padding-left:30px;
}

#topicpath li a{
color:#824024;
}

/* submenu */
#submenu {
padding:10px;
line-height:normal;
margin-bottom:10px;
margin-left:15px;
background-color:#F5EBE9;
color:#824024;
}

#submenu li {
float:left;
padding-right:10px;
position:relative;
white-space:nowrap;
color:#824024;
}

#submenu li a {
color:#824024;
}

/* article */
#main .article {
line-height:1.5em;
margin-bottom:20px;
padding:0 0 0 15px;
}

#main .article h2 {
padding:0 0 5px 5px;
/*height:28px;
_height:32px;*/
font-size:115%;
color:#824024;
font-weight:bold;
}

#main .article .txtbox {
padding:10px 0 0 5px;
color:#333333;
border-top:2px dashed #422100;
}

#main .article .txtbox p {
padding-bottom:20px;
}

#main .article .txtbox p a {
color:#C86A4F;
}

/* side */
#side {
float:right;
background-color:#824024;
margin-right:15px;
_margin-right:7px;
padding-top:210px;
width:265px;
}

.link {
padding:0 10px 20px 10px;
}

.link dt {
padding-bottom:3px;
color:#FFFFFF;
}

.link dt a{
color:#FFFFFF;
}

.link dd{
color:#FFFFFF;
border-top:2px dashed #E3C4B7;
padding-top:3px;
}

/* footer */
/************************************************************/
#footer {
background-color:#C86A4F;
color:#FFFFFF;
padding: 10px 0;
text-align: center;
line-height: 2em;
width:960px;
margin:0 auto;
}

#footer a {
color:#FFFFFF;
}
/**********************************
clearfix
**********************************/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/***********************************/