/* CSS Document */
body {
background-color:#d9ebff;
margin:0px;
color:#42220b;
font-size:12px;
line-height:130%;
}


/*汎用*/
/*青からグレーになるライン*/
.line_bg {
width:800px;
height:3px;
margin:0px 5px 0px 5px;
background-image:url(../images/line_bluegray.gif);
background-repeat:no-repeat;
}
/*ドットライン*/
.line_dot01 {
width:760px;
height:1px;
margin:0px auto 0px auto;
border-bottom:dashed 1px #7096d7;
}
.line_dot02 {
width:760px;
height:1px;
margin:0px auto 0px auto;
border-bottom:dashed 2px #7096d7;
}
/*文字*/
.catch {
font-size:14px;
color:#FF9900;
}
.new {
color:#b92f1c;
}
/*リンク関係*/
a:link { color: #ff7c0a; }
a:visited { color: #ffbf00; }
a:active { color: #ffbf00;text-decoration:none; }
a:hover { color: #ffbf00;text-decoration:none; }
a img { border-color:#ff7c0a;}


/*レイアウト*/
/*ベース*/
#trunk {
width:810px;
background-image:url(../images/base.jpg);
background-repeat:repeat-y;
}
/*タイトル＆メインビジュアル*/
#mainpic {
width:810px;
margin:0px;
padding:0px;
}

/*メニュー*/
#whatsnew {
border:solid 1px #2f58b4;
margin-top:10px;
margin-bottom:15px;
}
#wnmidasi {
background-color:#2f58b4;
color:#FFFFFF;
}
#menu {
width:743px;
height:27px;
padding:0px;
margin:0px;
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
margin:0;
padding:0;
}

/*トピック枠*/
.topic {
width:743px;
margin:25px auto 25px auto;
}
.t_top {
background-image:url(../images/topicarea_top.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
.t_main {
background-image:url(../images/topicarea_main.gif);
background-repeat:repeat-y;
margin:0px;
padding:5px 60px 5px 60px;
text-align:left;
}
.t_bottom {
background-image:url(../images/topicarea_bottom.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}


/*メインコンテンツ*/
#contents {
width:760px;
margin:25px auto 0px auto;
}
.lineup {
margin:0px auto 15px auto;
}
.charabox {
width:367px;
margin:0px auto 0px auto;
}


.cb_mainbox {
width:367px;
margin:0px auto 0px auto;
padding:10px 0px 10px 0px;
color:#42220b;
font-size:12px;
line-height:130%;
text-align:left;
background-repeat:repeat-y;
}
#main01 {
background-image:url(../images/01/t_main01.gif);
}
#main02 {
background-image:url(../images/02/t_main02.gif);
}
#main03 {
background-image:url(../images/03/t_main03.gif);
}
#main04 {
background-image:url(../images/04/t_main04.gif);
}


.cb_inbox01 {
width:304px;
margin:0px auto 15px auto;
padding:0px 25px 15px 25px;
border-bottom:dotted 1px #ffa09b;
}
.cb_inbox02 {
width:304px;
margin:0px auto 15px auto;
padding:0px 25px 15px 25px;
border-bottom:dotted 1px #5b96fe;
}
.cb_inbox03 {
width:304px;
margin:0px auto 15px auto;
padding:0px 25px 15px 25px;
border-bottom:dotted 1px #997afc;
}
.cb_inbox04 {
width:304px;
margin:0px auto 15px auto;
padding:0px 25px 15px 25px;
border-bottom:dotted 1px #f2773c;
}


.cb_track {
width:317px;
margin:0px;
padding:0px 10px 0px 35px;
background-position:left;
background-repeat:no-repeat;
}
.cb_track table{
line-height:110%;
}
#track01 {
background-image:url(../images/01/track01.gif);
}
#track02 {
background-image:url(../images/02/track02.gif);
}
#track03 {
background-image:url(../images/03/track03.gif);
}
#track04 {
background-image:url(../images/04/track04.gif);
}


.cb_bottom {
width:337px;
height:36px;
padding:25px 15px 5px 15px;
text-align:center;
background-repeat:no-repeat;
}
#bottom01 {
background-image:url(../images/01/t_bottom01.gif);
}
#bottom02 {
background-image:url(../images/02/t_bottom02.gif);
}
#bottom03 {
background-image:url(../images/03/t_bottom03.gif);
}
#bottom04 {
background-image:url(../images/04/t_botom04.gif);
}







/*リンクなどのサブコンテンツ*/
.subcontents {
width:760px;
margin:25px auto 20px auto;
padding:20px 0px 0px 0px;
background-image:url(../images/line_dot01.gif);
background-position:top;
background-repeat:no-repeat;
}

#mobile {
text-align:left;
padding-left:10px;
}

/*ページトップへ*/
.gotop {
width:743px;
text-align:right;
margin-top:15px;
} 


/*フッター*/
#footer {
width:760px;
margin:0px auto 10px auto;
padding:10px;
background-image:url(../images/line_dot02.gif);
background-position:top;
background-repeat:no-repeat;
vertical-align:text-bottom ;
}