/* 20081208 */
body {
margin:0px auto auto;
text-align:center;
background-color:#ffffff;
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

/* tag属性 */
/*----------------------------------------------------------*/
a:link {color:#03c; text-decoration:underline;}
a:visited {color:#609; text-decoration:underline;}
a:active {color:#f90; text-decoration:underline;}
a:hover {color:#c30; text-decoration:underline;}

h1,h2,h3,h4,h5,h6{padding: 2px; margin: 0px; font-size:100%;}

table,td{
font-size:100%;
line-height:1.62em;
}

p{margin:0;
padding:5px 5px 20px 5px;
}


ul {
margin:0 0 0 1em;
padding:0;
}

ul li{
list-style-type: none;
}

dt {margin-bottom:5px}
dd {margin-bottom:20px}


th {text-align:left;}



/* id属性  */
/*----------------------------------------------------------*/
#container{
width:980px;
background-color:#ffffff;
overflow:hidden;
word-break : break-all;
text-align:left;
margin:0px auto auto;
padding:0px;
color:#222222;
font-size:88%;
line-height:1.62em;
}

/* mac >>  */
@media all {
table,td{
letter-spacing: 0.1em;}

#container{
font-size:96%;
letter-spacing: 0.1em;}

br{letter-spacing:normal;}
}

/* << mac  */
/*----------------------------------------------------------*/
#foreword{
text-align:center;
margin:0;
padding:10px 0;
font-size:10px;
letter-spacing: 0.2em;
background-color:#fff5ee;
border-bottom:1px solid #fda;
}

#foreword p{
margin:0;
padding:0;
}


#top_left{
float:left;
width:460px;
margin:10px 0;
padding:0px;
position: relative;
z-index: 3;
zoom: 1;
}

#top_right{
text-align:right;
float:left;
width:520px;
margin:10px 0;
padding:0px;
}

#nav{
clear:both;
height:46px;
padding:0;
margin:2px 0;
background-color:#ECC068;
}

#side{
width:240px;
padding:5px 0;
background:url("images/side_back_05.gif");
}

#space{
width:10px;
padding:5px 0;
}

#main{
width:730px;
padding:5px 0;
}

#footer{
text-align:center;
margin:0;
padding:5px 0;
border-top:1px solid #ecc068;
}


/* class */
/*----------------------------------------------------------*/
.text {
margin:0px;
padding:10px;
}

.text_dot {
margin:0px;
padding:5px;
border:1px dotted #cccccc;
}

.text_line {
margin:3px;
padding:5px;
border:1px solid #cccccc;
}

.text_para {
margin:5px 0px 30px 20px;
padding:0px 10px 5px;
border-left:1px dotted #cccccc;
}

.text_indent_m{
text-indent:-1.5em;
}

.topic_path{
margin:0px 0px 5px 0px;
padding:2px;
border-bottom:1px dotted #cccccc;
}

.small {
font-size:80%;
}

.sb{
margin:0;
padding:0 0 0 20px;
}


.float_left{
float:left;
padding:5px;
}
.clear_both{
clear:both;
}

/* --- top --- */
/*----------------------------------------------------------*/
.top_link {
background: url(images/top_rogo.gif) no-repeat;
display: block;
text-decoration: none;
height: 80px;
width: 280px;
}

.top_link span,
.top_link h1 {
position: relative;
z-index: -1;
}


/* --- side --- */
/*----------------------------------------------------------*/
.side_menu {
width:230px;
padding:0;
margin:20px 10px;
border: 1px solid #ccb;
background:#fff;
}

.side_menu ul {
width:230px;
margin:10px 0 0;
padding:0;
}

.side_menu li{
margin:0;
padding:0;
list-style-type:none;
}

li.bl{
border-bottom:1px solid #ccb;
}

.sidea{
display:block;
background:#fff;
width:230px;
height:40px;
}

a.sidea:link,
a.sidea:visited {
text-decoration:none;
}

a.sidea:hover {
background:#eef5ff;
}

.sidea div{
padding:8px 2px 5px 5px;
}

.sidea div span{
margin:0;
padding:0 0 0 8px;
border-left:5px solid #fc9;
}


/* 見出しボックス sol_0 */
/*----------------------------------------------------------*/
.text_sol_0,
.text_sol_2
{
margin:2px auto 5px;
padding:0;
border:1px solid #ccc;
}

.text_sol_0 h1,
.text_sol_2 h2
{
    padding:10px;
    margin:0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    color:#666;
}

.text_sol_0 h1 span,
.text_sol_2 h2 span
{
    display: block;
    padding:0 0 0 10px;
    border-left:6px solid #ecc068;
}


/* ベースカラー */
/*----------------------------------------------------------*/
.co_main
{color:#e0923f;}

.co_sub
{color:#693;}

.lb_main {
color:#e0923f;
padding:2px 5px;
margin:2px 0px 10px;
font-weight:bold;
border-left:8px solid #e0923f;
}

.lb_sub {
color:#693;
padding:2px 5px;
margin:2px 0px 10px;
font-weight:bold;
border-left:8px solid #693;
}

.bb_main {
color:#e0923f;
padding:2px 5px;
margin:10px 0px;
font-weight:bold;
border-bottom:1px solid #e0923f;
}

.bbd_main {
color:#e0923f;
padding:2px 5px;
margin:10px 0px;
border-bottom:1px dotted #e0923f;
}

.bbd_ccc {
color:#665;
font-weight:bold;
padding:2px 5px;
margin:10px 0px;
border-bottom:1px dashed #ccc;
}

.bb_sub {
color:#693;
padding:2px 5px;
margin:10px 0px;
font-weight:bold;
border-bottom:1px solid #693;
}

.lbbd_main {
color:#e0923f;
padding:3px 3px 3px 10px;
margin:20px 0px 10px 0px;
font-weight:bold;
border-left:8px solid #e0923f;
border-bottom:1px dotted #e0923f;
}

.lbbd_sub {
color:#693;
padding:3px 3px 3px 10px;
margin:20px 0px 10px 0px;
font-weight:bold;
border-left:8px solid #693;
border-bottom:1px dotted #693;
}

/* --- head navi--- */
/*----------------------------------------------------------*/

#gnavi {
padding:0;
margin: 0;
list-style:none;
}

#gnavi li {
padding:0;
margin: 0;
float: left;
list-style:none;
}
#gnavi li a {
display: block;
height: 46px;
width: 136px;
text-indent: -9999%;
font: 0/0 normal;
background-position: 0 0;
background-repeat: no-repeat;
}
#gnavi li#gnavi_0 a {background-image: url(images/hnavi_0.gif);}
#gnavi li#gnavi_1 a {background-image: url(images/hnavi_1.gif);}
#gnavi li#gnavi_2 a {background-image: url(images/hnavi_2.gif);}
#gnavi li#gnavi_3 a {background-image: url(images/hnavi_3.gif);}
#gnavi li#gnavi_4 a {background-image: url(images/hnavi_4.gif);}
#gnavi li#gnavi_5 a {background-image: url(images/hnavi_5.gif);}
#gnavi li#gnavi_6 a {background-image: url(images/hnavi_6.gif);}

#gnavi li a:hover {background-position: 0 50%;}
#gnavi li.act a {background-position: 0 100%;}


/* --- kadomaru-box --- */
/*----------------------------------------------------------*/
.boxh
{
padding-right:6px;
background:transparent url(http://www.souzoku-yuigon.info/images/css/bh_right.gif) no-repeat scroll right top;
}

.boxh_g
{
padding-right:6px;
background:transparent url(http://www.souzoku-yuigon.info/images/css/bh_right_g.gif) no-repeat scroll right top;
}

.boxh_in
{
padding:6px 6px 10px;
background:transparent url(http://www.souzoku-yuigon.info/images/css/bh_left.gif) no-repeat scroll left top;
}

.boxh_in_g
{
padding:6px 6px 10px;
background:transparent url(http://www.souzoku-yuigon.info/images/css/bh_left_g.gif) no-repeat scroll left top;
}

.boxb
{
padding:10px 20px 20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

.boxf
{
padding-right:6px;
background:transparent url(http://www.souzoku-yuigon.info/images/css/bf_right.gif) no-repeat scroll right top;
}


.boxf_in
{
height:6px;
padding:0 6px;
background:transparent url(http://www.souzoku-yuigon.info/images/css/bf_left.gif) no-repeat scroll left top;
}

.box_foot
{
margin-top:4px;
padding:4px;
text-align:right;
background-color:#eee;
}