/* CSS Document */
 

/* ------------------------------------------------------------------------------------------------
 初期設定
 ------------------------------------------------------------------------------------------------ */


body {
font-size:12px;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
line-height:160%;
color:#333;
position:relative;
z-index:0;
}

* html body{overflow:hidden;}

* {margin:0; padding:0;}

img,object {border-style:none; vertical-align:top;}

ul,ol,li {list-style:none;}

input,select {margin-right:3px; vertical-align:middle;}

table th {vertical-align:top; font-weight:normal;}

a:link,a:visited {color:#444; text-decoration:none; overflow:hidden;}
a:hover {color:#468ACE; text-decoration:underline;}

a.line:link,a.line:visited {text-decoration:underline;}
a.line:hover {color:#468ACE; text-decoration:underline;}

h1,h2,h3 {text-indent:-999em; font-size:1px;}


input {vertical-align:middle;}

.tal_cnt {
	text-align:center;
}



/* ------------------------------------------------------------------------------------------------
 ヘッダー
 ------------------------------------------------------------------------------------------------ */

#header {padding:0 15px; background:url(../img/bg_head.jpg) repeat-x; width:100%; height:114px; position:relative;}
#header h1 {background:url(../img/logo.jpg) no-repeat; height:70px;}

#search_box {padding:8px 0 0 0;}

#chara {
background:url(../img/chara.png) no-repeat; width:239px; height:175px;
position:absolute; top:14px; right:10px; z-index:1;
}




/* ------------------------------------------------------------------------------------------------
 コンテンツ
 ------------------------------------------------------------------------------------------------ */

/* 可変コンテンツ */
#container {width:100%; float:right; margin-left:-210px;}
#contents {position:relative; margin:20px 30px 0 220px;}



/* 右カラム ------------------------------------------------------------------------------------------------ */

#tenpo {margin-bottom:16px; padding-bottom:5px; border-bottom:#CCC 1px dotted; line-height:40px;}
#tenpo dt {margin-right:20px; font-size:24px; float:left;}
#tenpo dd {font-size:18px; color:#468ACE; font-weight:bold; float:left;}


#hyouji {float:left;}
#hyouji li {padding:0 5px; float:left; border-right:#DDD 1px solid; font-weight:bold; color:#468ACE;}
#hyouji li.txt {padding:0; border:none; font-weight:normal; color:#333;}
#hyouji li a {text-decoration:underline; font-weight:normal;}


.btn_idou {float:right;}
.btn_idou li {float:left;}
.btn_idou li.txt {padding-top:3px;}
.btn_idou li a {margin-left:4px; height:24px; display:block; text-indent:-999em;}
.btn_idou li.bt1 a {margin-left:20px; width:50px; background:url(../img/btn_saisyo.jpg) no-repeat;}
.btn_idou li.bt2 a {width:45px; background:url(../img/btn_mae.jpg) no-repeat;}
.btn_idou li.bt3 a {width:45px; background:url(../img/btn_tugi.jpg) no-repeat;}
.btn_idou li.bt4 a {width:50px; background:url(../img/btn_saigo.jpg) no-repeat;}


.btn_box {padding:5px 5px 0; background:#F1F7FA; height:33px;}


.mail_list {margin:7px 0 20px; width:100%; border-left:#E5EFF8 1px solid; border-top:#468ACE 2px solid;}
.mail_list th,
.mail_list td {padding:7px 8px; vertical-align:middle; text-align:left; border-right:#E5EFF8 1px solid; border-bottom:#E5EFF8 1px solid;}

.mail_list th {background:#F4F9FD;}
.mail_list td {background:#F7FAFF;}

.mail_list thead th,.mail_list thead td {font-weight:bold;}

.mail_list .odd th {background:#FBFDFF;}
.mail_list .odd td {background:#FFF;}

.mail_list .mi th {background:#FFFAE3;}
.mail_list .mi td {background:#FFFAE3;}
/*.mail_list .mi td {background:#FFFDF6;}*/
.mail_list .mi_odd th {background:#FFFDF4;}
.mail_list .mi_odd td {background:#FFF;}

.mail_list a:link,.mail_list a:visited {color:#468ACE;}
.mail_list a:hover {text-decoration:underline;}

.mail_list .mi a:link,.mail_list .mi a:visited,
.mail_list .mi_odd a:link,.mail_list .mi_odd a:visited {color:#F90;}
.mail_list .mi a:hover,.mail_list .mi_odd a:hover {text-decoration:underline;}


/* backup 
.mail_list {margin-bottom:20px; width:100%; border-top:#FFF 2px solid;}
.mail_list th,
.mail_list td {padding:5px 8px 2px; vertical-align:top; text-align:left;}
.mail_list th {background:#EEE; font-weight:bold; font-size:14px; border-right:#FFF 2px solid;}
.mail_list td {padding:15px 8px 12px; border-bottom:#ECE9D8 1px solid;}

.mail_list a:link,.mail_list a:visited {color:#468ACE;}
.mail_list a:hover {text-decoration:underline;} */

/* 2010-07-01 ADD ↓ */
.input_list {margin:7px 0 20px; width:100%; border-left:#E5EFF8 1px solid; border-top:#468ACE 2px solid;}
.input_list th,
.input_list td {padding:7px 8px; vertical-align:middle; text-align:left; border-right:#E5EFF8 1px solid; border-bottom:#E5EFF8 1px solid;}

.input_list th {background:#F4F9FD;}
.input_list td {background:#F7FAFF;}

.input_list thead th,.input_list thead td {font-weight:bold;}

.input_list .odd th {background:#FBFDFF;}
.input_list .odd td {background:#FFF;}

.input_list .mi th {background:#FFFAE3;}
.input_list .mi td {background:#FFFDF6;}
.input_list .mi_odd th {background:#FFFDF4;}
.input_list .mi_odd td {background:#FFF;}

.input_list a:link,.input_list a:visited {color:#468ACE;}
.input_list a:hover {text-decoration:underline;}

.input_list .mi a:link,.input_list .mi a:visited,
.input_list .mi_odd a:link,.input_list .mi_odd a:visited {color:#F90;}
.input_list .mi a:hover,.input_list .mi_odd a:hover {text-decoration:underline;}



/* 左カラム ------------------------------------------------------------------------------------------------ */

#leftbox {padding:10px 15px; width:180px; float:left;}

.kadomaru dt {background:url(../img/cate_top.gif) no-repeat; height:10px; overflow:hidden;}
.kadomaru dd {padding:0 12px; border:#AFA793 solid; border-width:0 1px;}
.kadomaru dd.bottom {padding:0; border:none; background:url(../img/cate_btm.gif) no-repeat; height:10px; overflow:hidden;}

.kadomaru ul li {padding-bottom:5px; padding-left:18px; background:url(../img/ico_forder.gif) 0 3px no-repeat;}