﻿@charset "utf-8";

/*★★★★★★★★★★★★★★★★★★★★★★default★★★★★★★★★★★★★★★★★★★★★★★★★*/

*{
boder: none;
}

h1,h2,h3,h4,h5,p{
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}

table,tr,th,td{
font-weight: normal;
}


/*移植デフォルト*/

/*親要素100％*/
html,body{
height:100%;
}

*{
font-family:     'Lucida Grande',    Verdana,    'ヒラギノ角ゴ Pro W3',    'Hiragino Kaku Gothic Pro',    Osaka,    'ＭＳ Ｐゴシック',    sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
}
a:link{
color: #0000FF;
font-size: 12px;
line-height: 18px;
text-decoration: none;
}
a:visited{
color: #0000FF;
font-size: 12px;
line-height: 18px;
text-decoration: none;
}
	
a:hover{
color: #00CCFF;
font-size: 12px;
line-height: 18px;
text-decoration: none;
}

a:active {
color: #0000FF;
font-size: 12px;
line-height: 18px;
text-decoration: none;
}

a:hover img{
opacity:0.8;filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*★★★★★★★★★★★★★★★★★★★★★★hack★★★★★★★★★★★★★★★★★★★★★★★★★*/

/*firefox*/
/*リンクボックス消去*/

a{
overflow: hidden;
outline: none;
}

/*★★★★★★★★★★★★★★★★★★★★★★clear★★★★★★★★★★★★★★★★★★★★★★★★★*/

.clearfix{clear: both;}
.clearfix hr{
visibility:hidden;
border:0;
}

/*★★★★★★★★★★★★★★★★★★★★★★main.css★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*ボックス*/

body{
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(../../cmmn/cmmn_back.gif);
background-repeat: repeat;
min-height:100%;
}


#body_f{
background-image: url(../../cmmn/cmmn_bak_texture.png);
background-repeat: repeat-x;
background-position: top;
width: 100%;
min-height:100%;
}

#container_shadow{
background-image: url(../../cmmn/cmmn_shadow.png);
background-repeat: repeat-y;
background-position: center;
width: 998px;
margin-right: auto;
margin-left: auto;
min-height:100%;
}

#container{
width: 960px;
margin: auto;
background-image: url(../../cmmn/body_back.jpg);/*初期値*/
background-repeat: no-repeat;/*初期値*/
background-position: center bottom;/*初期値*/
min-height:100%;/*初期値*/
}

#header{
height: 80px;
text-align: left;
padding-left: 13px;
padding-top: 22px;
padding-bottom: 50px;

}

#sub_navi{
width: auto;
margin: 0;
padding-bottom: 100px;
}

#side_navi{
float: left;
width: auto;
margin: 0;
}

#contents{
width: 900px;
float: right;
}

#contents_r{
width: 390px;
margin: 0;
margin-right: 30px;
float: right;
}

#contents_l{
width: 437px;
margin: 0;
margin-left: 37px;
float: left;
}

#bottom_text{
width: auto;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
clear: both;
}

#footer{
padding-top: 30px;
padding-bottom: 0;
clear: both;
width: auto;
min-height: 29px;
}

/*★子要素★*/

/*左サイド*/
#side_navi ul{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

#side_navi li{
padding: 0;
>margin-top: -19px;
}

#side_navi ul li img{
display: block;
padding: 0;
margin: 0;
}


/*右コンテンツ*/


#contents_r a{
text-align: bottom;
}

#contents_l ul,#contents_r ul{
margin: 0;
padding: 0;
list-style-type:none;
background-position: left-bottom;
}

#contents_l li,#contents_r li{
background: url(../../cmmn/cmmn_arrow.png) left no-repeat;
text-indent:10px;
}

/*フッター*/

#footer ul{
margin: 0;
padding: 0;
}

#footer li{
float: left;
list-style: none;
}

/*テキスト用*/

.lefts{
text-align: left;
padding-top: 10px;
}

.rights{
text-align: right;
}

.br5{
margin-top: 30px;
}

.copyright {
float: right;
width: 550px;
text-align: right;
font-size: 10px;
margin-bottom: 0px;
margin-right: 10px;
}
