/*!　
****************************************************************************
*
*   CCMC WEB APPLICATION            common.css
*
*   中央情報学園システム　共通スタイルシート
*
*   Presented By E*CITY SAITAMA Corp      2011/08/05
*
****************************************************************************
*/

@charset "utf-8";

html{
overflow-y:scroll;
}

body{
color:#333;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
font-size:14px;
line-height:20px;
letter-spacing:1px;
}

*{
margin:0;
padding:0;
}

ul{
list-style:none;
}

table{
border-collapse:collapse;
}

table caption{
display:none;
}

table th, table td{
padding:5px;
}

a img, img{
border:0;
}

a{
text-decoration:none;
color:#107920;
overflow:hidden;
cursor:pointer;
}

a:visited{
color:#005710;
}

a:hover{
text-decoration:underline;
color:#43ac52;
}

a:link{

}

div#container div#header{
width:100%;
}

div#container div#header:after{
content:"";
display:block;
clear:both;
}

div#container div#header div#logoarea:after{
content:"";
display:block;
clear:both;
}

div#container div#header div#header_logo{
width:400px;
float:left;
}

div#container div#header div#header_logout{
width:200px;
float:right;
font-size:12px;
line-height:18px;
}

div#container div#header div#header_logout div{
width:180px;
margin:10px;
background-color:#efefef;
text-align:center;
}

div#container div#header div#navi{
clear:both;
width:100%;
margin:5px 0 0 0;
height:42px;
}

div#container div#header ul{
background:url("../images/navi-bg.jpg") repeat-x left top;
width:100%;
height:42px;
overflow:hidden;
}

div#container div#header ul:after{
content:"";
display:block;
clear:both;
}

div#container div#header ul li{
display:block;
float:left;
width:156px;
height:42px;
}

div#container div#header ul li.select a{
background-position:left bottom;
color:#099;
}

div#container div#header ul li a{
display:block;
width:156px;
height:42px;
background:url("../images/navi-00.jpg") left top no-repeat;
line-height:42px;
text-align:center;
color:#004000;
font-weight:bold;
}

div#container div#header ul li a:hover{
background-position:left bottom;
}

div#container div#contents{
width:99%;
/*height:auto;*/
/*overflow-y:hidden;*/
text-align:left;
}

div#container div#contents:after{
content:"";
display:block;
clear:both;
}

div#container div#contents div#left{
width:156px;
float:left;
padding-bottom:32767px;
margin-bottom:-32767px;
background-color:#EEECFC;
}

div#container div#contents div#left ul{
width:156px;
}

div#container div#contents div#left ul li{
width:156px;
height:42px;
}

div#container div#contents div#left ul li.select a{
background-position:left bottom;
color:#099;
}

div#container div#contents div#left ul li a{
display:block;
width:156px;
height:42px;
background:url("../images/navi-01.jpg") left top no-repeat;
line-height:42px;
text-align:center;
color:#004000;
font-weight:bold;
}

div#container div#contents div#left ul li a:hover{
background-position:left bottom;
}

/*div#container div#contents div#right{
background-color:#ffffff;
margin-left:156px;
padding:20px 0 20px 20px;
}*/

div#container div#contents div#right{
background-color:#ffffff;
padding:20px 0 20px 20px;
}

div#container div#contents div.centerpos{
width:500px;
margin:0 auto;
}

div#container div#contents div#right p#linklist{
font-size:12px;
line-height:18px;
margin-bottom:10px;
}

div#container div#footer{
clear:both;
text-align:center;
background-color:#C9CAFF;
}

.alignleft{
text-align:left !important;
}

.aligncenter{
text-align:center !important;
}

.alignright{
text-align:right !important;
}

.bold{
font-weight:bold !important;
}

.normal{
font-weight:normal !important;
}

.red{
color:#e21017 !important;
}

.large{
font-size:16px !important;
line-height:22px !important;
}

.small{
font-size:10px !important;
line-height:16px !important;
}