/* ブラウザCSSリセット ------------------------------ */

*{
margin: 0;
padding: 0;
}

/* border: 1px solid #000; */

h1,h2,h3,h4,h5,h6,p,address,th,strong,em,ul,ol,dl,a{
font-size: 100%;
line-height: 100%;
font-weight: normal;
font-style: normal;
text-align: left;
margin: 0;
padding: 0;
}

img{
border: none;
}

ul{
list-style-position: inline;
list-style-type: none;
}


/* 基本設定 ------------------------------ */

body{
width: 907px;
background-color: #f2f2f2;
color: #000;
font-size: 80%;
line-height: 140%;
margin-left: auto;
margin-right: auto;
}

#container{
background-color: #ececec;
margin: 0;
padding: 0;
}

a{
color: #001d67;
text-decoration: underline;
}

a:hover{
color:#001d67;
text-decoration: none;
}


/***************** 基本画面分割 *****************/

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

#header{
width: 905px;
height: 67px;
margin: 0;
padding: 0;
background-image: url(../common_img/header_bg.gif);
border-top: 2px solid #000b46;
border-left: 1px solid #b9b9b9;
border-right: 1px solid #b9b9b9;
border-bottom: 1px solid #b9b9b9;
margin-left: auto;
margin-right: auto;
}


/* 横並びメニュー ------------------------------ */

#menu{
width: 907px;
height: 29px;
background: url(../common_img/menu_bg_off.gif) repeat-x;
margin-left: auto;
margin-right: auto;
}


/* パンくず ------------------------------ */

#breadCrumb{
font-size: 85%;
margin-left: auto;
margin-right: auto;
padding: 8px 20px;
background-color: #e7ebf5;
}


/* コンテンツ全体−メイン ------------------------------ */

#main{
float: left;
width: 714px;
background-color: #FFF;
margin: 0;
padding: 0;
}


/* コンテンツ全体−サイドメニュー ------------------------------ */

#sidemenu{
float: right;
width: 193px;
_width: 186px;
margin: 0;
padding: 0;
}


/* フッター ------------------------------ */

#footer{
clear: both;
width: 901px;
background-color: #003167;
margin: 0;
padding: 0 3px;
}



/***************** 基本画面デザインサイズ *****************/

/* コンテンツ全体−メインデザインサイズ ------------------------------ */

#maindesign{
margin: 0 15px;
padding: 0;
}

/* コンテンツ全体−サイドデザインサイズ ------------------------------ */

#sidemenudesign{
margin-left: auto;
margin-right: auto;
}


/* フッターデザインサイズ ------------------------------ */

#footerdesign{
padding: 10px 15px;
}




/* ■■■■■■■■■■■ ↓作業するのはここから↓ ■■■■■■■■■■■ */

/***************** 各デザイン *****************/

/* ヘッダー≫デザイン ------------------------------ */

#bannerleft{
float: left;
width: 65%;
}

#bannerright{
float: right;
width: 34%;
margin-top: 3px;
}

#header h1{
font-size: 88%;
margin-top: 10px;
margin-left: 30px;
}

#header h2{ 
margin-top: 10px;
margin-left: 30px;
}


/* 横並びメニュー≫デザイン ------------------------------ */

#menu{
display: block;
}

#menu li{
display: inline;
float: left;
width: 150px;
height: 29px;
border-left: 1px solid #676767;
}

#menu li a{
display: block;
color: #cad1d9;
font-size: 120%;
font-weight: bold;
text-decoration: none;
line-height: 27px;
text-align: center;
}

#menu li a:hover{
color: #ffdb45;
background: url(../common_img/menu_bg_on.gif) repeat-x;
height: 29px;
}



/* パンくず≫デザイン ------------------------------ */

#breadCrumb a{
text-decoration: underline;
}

#breadCrumb a:hover{
text-decoration: none;
}

#breadCrumb strong{
font-weight: bold;
}


/* コンテンツ全体−メイン≫デザイン ------------------------------ */

#mainimg{
margin-left: auto;
margin-right: auto;
background: url(../common_img/main_img.jpg) no-repeat;
width: 711px;
height: 276px;
}

#mainimg img#mainad{
position: relative;
top: 0;
right: 0;
left: 328px;
}

#main img.carview{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

p#topcomment{
font-size: 110%;
line-height: 140%;
margin: 0 20px 8px 20px;
}











#threemenu{
width: 673px;
height: 201px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}

#threemenu dl{
width: 220px;
height: 201px;
}

#threemenu dl#dl01{
float: left;
background: url(../common_img/menu_01.gif) no-repeat;
}

#threemenu dl#dl02{
float: left;
margin-left: 7px;
background: url(../common_img/menu_02.gif) no-repeat;
}

#threemenu dl#dl03{
float: right;
background: url(../common_img/menu_03.gif) no-repeat;
}

#threemenu dt.midashi01{
color: #FFF;
font-size: 110%;
font-weight: bold;
padding-top: 10px;
text-align: center;
}

dd.setumei01{
margin: 15px 10px;
font-size: 90%;
line-height: 140%;
}





#contentsmenu{
width: 675px;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

.titlebar{
background: url(../common_img/contents_title.gif);
font-size: 100%;
font-weight: bold;
color: #FFF;
line-height: 24px;
height: 24px;
width: 660px;
padding-left: 15px;
margin-bottom: 7px;
}

#leftbox{
float: left;
width: 49%;
margin-left: 2px;
}

#leftbox div{
background-color: #f7f7f7;
border: 10px solid #d2d9e4;
padding: 6px 15px 13px 15px;
margin-bottom: 4px;
}

#smallbox01{
background: url(../common_img/contents_img01.jpg) no-repeat;
background-position: 15px 25px;
_background-position: 25px 35px;
}
/* IE7用*/
*:first-child+html #smallbox01{
background: url(../common_img/contents_img01.jpg) no-repeat;
background-position: 25px 35px;
}

h3.midashi02 a{
background: url(../common_img/contents_icon.gif) no-repeat;
padding-left: 35px;
font-size: 120%;
font-weight: bold;
display: block;
}

p.setumei02{
padding-top: 8px;
padding-left: 135px;
line-height: 130%;
}

#rightbox{
float: right;
width: 50%;
}

#rightbox div{
background-color: #f7f7f7;
border: 10px solid #d2d9e4;
padding: 6px 15px 13px 15px;
margin-bottom: 4px;
}

#smallbox02{
background: url(../common_img/contents_img02.jpg) no-repeat;
background-position: 15px 25px;
_background-position: 25px 35px;
}
/* IE7用*/
*:first-child+html #smallbox02{
background: url(../common_img/contents_img02.jpg) no-repeat;
background-position: 25px 35px;
}

#smallbox03{
background: url(../common_img/contents_img03.jpg) no-repeat;
background-position: 15px 25px;
_background-position: 25px 35px;
}
/* IE7用*/
*:first-child+html #smallbox03{
background: url(../common_img/contents_img03.jpg) no-repeat;
background-position: 25px 35px;
}

#smallbox04{
background: url(../common_img/contents_img04.jpg) no-repeat;
background-position: 15px 25px;
_background-position: 25px 35px;
}
/* IE7用*/
*:first-child+html #smallbox04{
background: url(../common_img/contents_img04.jpg) no-repeat;
background-position: 25px 35px;
}

#smallbox05{
background: url(../common_img/contents_img05.jpg) no-repeat;
background-position: 15px 25px;
_background-position: 25px 35px;
}
/* IE7用*/
*:first-child+html #smallbox05{
background: url(../common_img/contents_img05.jpg) no-repeat;
background-position: 25px 35px;
}

#smallbox06{
background: url(../common_img/contents_img06.jpg) no-repeat;
background-position: 15px 25px;
_background-position: 25px 35px;
}
/* IE7用*/
*:first-child+html #smallbox06{
background: url(../common_img/contents_img06.jpg) no-repeat;
background-position: 25px 35px;
}

p#home img{
clear: both;
padding: 35px 0 10px 575px;
}




/* コンテンツ全体−サイドメニュー≫デザイン ------------------------------ */

#sidemenudesign img.ex01{
display: block;
margin: 6px auto 5px auto;
}

#sidemenudesign div#cg01{
border: 1px solid #bababa;
background-color: #FFF;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 5px;
}

#sidemenudesign div#cg02{
border: 1px solid #bababa;
background-color: #FFF;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
}

#sidemenudesign h3{
font-size: 100%;
font-weight: bold;
color:#FFF;
line-height: 28px;
height: 28px;
background-color: #4e4e4e;
padding-left: 15px;
border-bottom: 1px solid #bababa;
}

#sidemenudesign li a{
display: block;
font-size: 100%;
line-height: 31px;
height: 31px;
text-decoration: none;
padding-left: 23px;
background: url(../common_img/sidemenu_icon.gif) no-repeat;
background-position: 12px center;
border-bottom: 1px solid #cccccc;
}

#sidemenudesign li.two a{
height: 31px;
line-height: 16px;
}

#sidemenudesign li a:hover{
text-decoration: none;
background-color: #ffdb45;
}

#pr01{
margin: 0 4px 3px 4px;
border: 1px solid #bababa;
background-color: #FFF;
}

#pr01 p{
font-size: 85%;
line-height: 120%;
margin: 2px;
padding: 24px 4px 4px 4px;
background: url(../common_img/pr_title.gif) center top no-repeat #dedede;
}

#pr02{
margin: 0 4px;
border: 1px solid #a5bbcf;
background-color: #FFF;
margin-bottom: 5px;
}

#pr02 p{
font-size: 85%;
line-height: 120%;
margin: 2px;
padding: 4px;
background-color: #d4dee8;
}




/* フッター≫デザイン ------------------------------ */

#footerdesign li{
display: inline;
}

#footerdesign li a{
font-size: 80%;
color: #FFF;
text-decoration: none;
border-left: 1px solid #d4dee8;
padding-left: 6px;
text-decoration: underline;
}

#footerdesign li a:hover{
text-decoration: none;
}

#footerdesign p{
font-size: 80%;
color: #abbbc9;
padding-top: 3px;
}

address{
display: block;
color: #000;
text-align: right;
padding: 5px;
}

address a{
text-decoration: underline;
}

address a:hover{
text-decoration: none;
}