/*COMMON
****************/
body,img,p,a,h1,ul,li{
margin: 0px;
padding: 0px;
color: #333333;
}

body{
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size: 12px;
line-height: 2em;
color: #666666;
}

a img{
border: none;
}


/*テキストリンク****/
a{
color: #666666;
}

a:hover{
color: #FF9900;
}


/*トップページテンプレート****/
a.top_contents_link{
font-size: 80%;
color: #FFFFFF;
}

/* For IE6 ------*/

*html a.top_contents_link{
font-size: 9px;
}


#picup{
width: 746px;
height:83px;
background: #FFFFFF url(../images/top_picup.gif) 0 0 no-repeat;
position: relative;
}

#picup p{
position: absolute;
bottom: 10px;
left: 10px;
color:#FFFFFF;
}

#pic_img{
position: absolute;
top: 8px;
right: 7px;
}

#pic_img div{
width:182px;
height: 69px;
margin-left: 7px;
float: left;
background-color:#FFFFFF;
}

#pic_img div img{
margin: 10px 0px 0px 22px ;
}

#service_box{
width:746px;
background-color: #FFFFFF;
} 


#service_list{
background: #FFFFFF url(../images/service_back.gif) 0 0 repeat-x;
width: 746px;
height: 29px;
border-top: #FFFFFF 1px solid;
}

#service_list img{
margin-left: 10px;
}

#topics{
width: 220px;
/*height: 50px;*/
float:left;
/*background-color: #FF0000;*/
}

#topics img{
margin-top: 1px;
margin-left: 3px;
}


#contents_box{
width: 510px;
/*height:50px;*/
float: right;
/*background-color:#0000FF;*/
}

#contents_box div{
width: 508px;
height:100px;
margin-right: 2px;
margin-bottom: 10px;
background-color: #FFFFFF;
border: #CCCCCC 1px solid;
}



/*BASE BACKGROUND
**********************/
body{
background: #CCCCCC url(../images/hedderback.gif) 0 0 repeat-x}

#back_hedder{
background: #FFFFFF url(../images/hedderback.gif) 0 0 no-repeat;
width: auto;
height: 111px;
position: relative;
/*z-index:1;*/
}

/*LAYOUT
**********************/

#main_container{
width: 746px;
border: 4px #FFFFFF solid;
background: #FFFFFF url(../images/middle_back.png) 0 0 repeat-y;
margin: 0px auto;
margin-top: 55px;
}

#hedder{
background: #FFFFFF url(../images/hedder_back.png) 0 0 no-repeat;
width: 746px;
height: 95px;
border-bottom: #FF0000 5px solid;
position: relative;
}

#pankuzu{
height: 20px;
width: 746px;
/*position: relative;*/
/*background-color: #FFFFFF;*/
}


#middle{
position: relative;
width: 746px;
border-top: #FFF 4px solid;
border-bottom: #FFF 4px solid;
}

#middle:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

#cell_navi{
background: #FFF;
/*border-top: #FFF 4px solid;*/
/*position: relative;*/
width: 746px;
height: 33px;
}

#cell_movie{
background-color: #FFFFFF;
}

#sidecontents{
width: 225px;
padding: 10px 20px;
float: left;
}

#maincontents{
width: 436px;
margin-left: 0px;
padding: 5px 10px 20px 10px;
float: right;
}


#footer{
background: #FFFFFF url(../images/footer_back.png) 0 0 no-repeat;
width: 746px;
height: 56px;
border-bottom: #FF0000 5px solid;
position: relative;
clear: both;
} 


/*LOGO,ICON
************************/

.cell_logo{
position:absolute;
top: 10px;
left: 11px;
}

.sitemap_icon{
position: absolute;
top: 10px;
right: 11px;
}

.page_logo{
margin-bottom: 10px;
margin-left: 190px;
}

.rss_icon{
position: absolute;
left: 10px;
bottom: 13px;
}

.rss_icon a{
text-decoration: none;
}

.news_rss a{
text-decoration: none;
font-weight: bold;
}

/*SENTENCES
********************/
#hedder p{
color: #FFFFFF;
position: absolute;
bottom: 7px;
right: 13px;
letter-spacing: 0.2em;
}


#footer p{
color: #666666;
position: absolute;
bottom: 7px;
right: 5px;
letter-spacing: 0.3em;
font-size: 11px;
line-height: 1.2em;
text-align: right;
}

.name{
text-align:right;
}
/*HEADDERNAVI
***********************/
a.topnavi{
color:#FFF;
text-decoration: none;
font-size: 10px;
margin-left: 20px;
letter-spacing: 0.5em;
}

a:hover.topnavi{
color: #CCCCCC;
text-decoration:none;
}


/*MAINNAVIGATION
***********************/
ul#navi{
    list-style:none;
    width:746px;
	height:34px;
	background-color: #000000;
}
ul#navi li{
    list-style:none;
    float:left;
    width:149px;
}

ul#navi a{
    display:block;
    width:149px;
    height:24px;
	text-align:center;
	padding-top: 10px;
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック";
	font-size: 11px;
	letter-spacing: 0.4em;
}
a.btn{
    background-image: url(../images/navi_btn.gif);
	color: #CCCCCC;
}
a:hover.btn{
    background-position:0px -34px;
	color: #CCCCCC;
}


a.btn2{
    background-image: url(../images/navi_btn.gif);
	color: #CCCCCC;
	background-position:0px -34px;
}
/*a.btn2{
    background-image:url(../images/ec_so.png);
}
a:hover.btn2{
    background-position:0px -67px;
}
a.btn3{
    background-image:url(../images/contents_so.png);
}
a:hover.btn3{
    background-position:0px -67px;
}*/

/*LEFTNAVIGATION
*************************/

#sidecontents ul {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 3px #FF0000 solid;
border-bottom: none;
width: 215px; 
margin: 0; 
padding :0; 
list-style-type : none; 
}

#sidecontents li { 
display : inline; 
padding:0; 
margin:0; 
}

#sidecontents a {
display:block; 
border-bottom:1px dashed #CCCCCC;
background-color:#FFF;
font-size:11px;
padding:10px 0 10px 15px;
text-decoration:none;
color:#557;
width:200px; 
/*height:1.5em;*/
background-image: url(../images/menuicon.gif);
background-position: left top;  
text-decoration:none;
background-repeat:no-repeat;
}

#sidecontents a:hover {
display:block; 
border-bottom:1px dashed #CCCCCC;
background-color: #EDEDED;
font-size:11px;
padding:10px 0 10px 15px;
text-decoration:none;
color:#557;
/*height:1.5em;*/
background-image: url(../images/menuicon2.gif);
background-position: left top;  
text-decoration:none;
background-repeat:no-repeat;
}

.listbottom li{
border: none;
}

/*#sidecontents ul {
list-style-type : none;
font-family:"ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック";
border: #CCCCCC 1px solid;
border-top: #FF9900 3px solid;
background-color:#FFFFFF;
border-bottom: none;
}

#sidecontents li {
padding: 10px; 
margin: 0;
border-bottom: #CCCCCC 1px dashed;
display: block;
}

#sidecontents a {
width: 200px;
background-image: url(../images/menuicon.gif);
background-position: center left;  
text-decoration:none;
background-repeat:no-repeat;
padding-left:15px; 
font-size: 12px;
color:#557; 
width:8em;
margin:1px 0px;
height:1.5em;
}

#sidecontents a:hover {
/*background-image: url(../images/menuicon.gif);
text-decoration:none;
background-repeat:no-repeat; 
font-size:12px; 
color:#F92;
width:120px; 
margin:1px 0px;
padding-left:15px;
height:1.5em;
}

*/
/*PANKUZU
**************************/

.list{
position:absolute;
top: 5px;
left: 10px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック";
font-size: 10px;
letter-spacing: 0.2em;
}

.list a{
text-decoration: none;
color: #557;
}

.list a:hover{
text-decoration:none;
color: #F92;
}


/*エディット編集可能部分*/

#edit_contents{
padding-top: 20px;
}


#edit_contents p{
margin: 5px 10px 10px 10px;
}

#edit_contents div{
margin-bottom: 10px;
}

#edit_contents dl{
margin-left: 20px;
}


#edit_contents dt{
color: #666666;
background: url(../images/senticon.gif) no-repeat center left;
padding-left: 1em;
margin:1px 0px; 
border-bottom:solid 1px #CCCCCC;
margin-bottom: 2px;
}

#edit_contents dd{
padding-top: 5px;
padding-bottom: 7px;
}





/*ACCESS MAP
**************************/
.contents_name{
background: #FFFFFF url(../images/contents_name.gif) 0 0 no-repeat;
width: 414px;
height: 25px;
padding-left: 15px;
padding-top: 2px;
letter-spacing: 0.5em;
font-size: 14px;
color: #808080;
font-weight: bold;
}

.contents_name2{
background: #FFFFFF url(../images/contents_name.gif) 0 0 no-repeat;
width: 414px;
height: 25px;
padding-left: 15px;
padding-top: 3px;
letter-spacing: 0.5em;
font-size: 12px;
color: #808080;
font-weight: bold;
}

/*会社概要テーブル*/

.table{
margin: 0px 10px 20px 15px;
border-left: 1px solid #CCCCCC;
}

.table tr,.table td{
font-size: 12px;
color: #333333;
padding: 10px 20px 10px 5px;
}

.table td{
border-bottom: 1px solid #EDEDED;
}

.namelist th{
font-size: 12px;
color: #333333;
padding: 0px 0px 10px 0px;
font-weight: lighter;
text-align: left;
}

.namelist td{
font-size: 12px;
color: #333333;
padding: 0px 0px 15px 0px;
font-weight: lighter;
text-align: left;
border: none;
}

.icon2{
background: url(../images/senticon.gif) no-repeat center left;
padding-left: 10px;
margin:1px 0px;
white-space:nowrap;
}

/*運営コンテンツ用テーブル*******/
.mobacon{
margin-top: 20px;
border-bottom: 1px solid  #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.mobacon tr,.mobacon td{
padding: 10px;
}

/*サイトマップ*********/

#edit_contents ul{
list-style: none;
}

#edit_contents li{
padding-left: 2em;
}

/*その他**************/

.w3c{
width: 200px;
position: absolute;
bottom: -55px;
right: -5px;
}