@charset "UTF-8";


/* ######################################################################
     TAGs
###################################################################### */

th,
td {
font-size:0.8em;
}

td {
vertical-align:top;
}

img {
border: 0;
vertical-align:bottom;
}

input {
vertical-align:middle;
}

hr {
display:none;
}




/* ######################################################################
     ID and CLASS
###################################################################### */


/* Login Box
=====================================================*/
div.loginBox ul li {
*font-size: 10px; /*for IE6,IE7*/
}

div.loginBox input {
width:135px;
}

div.loginBox li input {
width:auto;
}


/* Login Box MyTop
=====================================================*/
div.myTopBox {
background: url(../img/menu_loginbox_bg.gif) repeat-y;
margin-bottom: 10px;
color:#666;
}

div.myTopBox input {
width:130px;
}

div.myTopBox .wrap {
padding-right: 9px;
padding-left: 9px;
}

div.myTopBox .wrap strong {
font-size:12px;
}








/* Form attention
=====================================================*/
.attention {
color:#FF0000;
}




/* Search form
=====================================================*/
form.search {
margin-bottom:10px;
padding:3px;
border: 1px solid #A7A7A7;
background-color:#F2F2F2;
font-size: 0.8em;
}

form.search .item {
float:left;
}
form.search .submitBtn {
float:right;
}


/* Clearfix supported IE7  */
form.search {
min-height:1%;
}
form.search:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
* html form.search {
/*\*/height:1%;/*for WinIE*/
display:inline-table;/*for MacIE*/
}








/* Page Ctrl
=====================================================*/
.pageCtrl {width:100%; margin:0.5em 0;}
.pageCtrl .back {text-align:left}
.pageCtrl .pageNum {text-align:center;}
.pageCtrl .next {text-align:right;}







/* Border Table collapse [Horizontal]
=====================================================*/
/*
  th,tdの幅は基本的に自動計算（デフォルト） 
  必要に応じてパーセントで指定
*/
table.combiBorder {
width:550px;
border-collapse:collapse;
border: 1px solid #CCC;
margin: 0 5px 12px 5px;
}

table.combiBorder th {
padding:5px;
vertical-align:middle;
text-align:left;
color:#666666;
background-color:#EAF2FF;
border-left: 1px solid #CCC;
border-bottom: 2px solid #036BDE;
}

table.combiBorder td {
padding: 10px;
text-align:left;
vertical-align:middle;
color:#666;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color:#FFF;
}






/* Border Table collapse [Vertical]
=====================================================*/
table.combiBorderV {
width:550px;
border-collapse:collapse;
border: 1px solid #CCC;
margin: 0 5px 12px 5px;
}

table.combiBorderV th {
padding:5px;
text-align:right;
vertical-align:middle;
white-space:nowrap;

color:#036BDE;
background-color:#E9F3FD;
border-right: 2px solid #036BDE;
border-bottom: 1px solid #FFF;
}

table.combiBorderV td {
padding: 6px;
text-align:left;
vertical-align:middle;
color:#666;
border-right: 1px solid #CCC;
border-bottom: 1px dashed #CCC;
background-color:#FFF;
}

table.combiBorderV td.center_com {
text-align:center;
width:130px;
}






/* Proposal Box
=====================================================*/
#main2 .proposal {
margin: 0 5px 12px 5px;
padding:15px;
border: 1px solid #BBB;
width:520px;
background-color:#FEFDF9;
}

/* IE6以下のみ適用 */
* html body #main2 .proposal {
width:530px;
}

#main2 .proposal table {
width:500px;
}


#main2 .proposal h3 {
padding-left: 5px;
color:#036BDE;
font-size:15px;
border-bottom:2px solid #CCC;
background-image:none;
}


#main2 .proposal h4 {
font-size:12px;
padding: 5px ;
color:#666;
}