@charset "utf-8";

/* 全体 ----------*/
body { margin:0; padding:0; font-size: 12px; font-family: sans-serif; background: #E4E4E4;}

/* テキスト ----------*/
h1 { margin: 0 0 0 15px; width: 200px; height: 72px; background: url(../images/cmn/logo.gif) no-repeat;}
h2 { display: none; margin: 0; padding:0; width: 430px; height: 0px;}
h3 { margin: 0 0 0 15px; width: 240px; height: 40px;}
h4 { margin: 10px 0 25px 25px; padding: 10px 0 0 0; font-size: 12px; background: url(../images/cmn/dotline01.gif) no-repeat;}
h5 { margin: 0 20px 10px 25px; padding: 0 0 0 20px; font-size: 12px; letter-spacing: 1px; background: url(../images/cmn/point01.gif) no-repeat;}
h6 { margin: 10px 0 25px 25px; padding: 10px 0 0 0; font-size: 12px; background: url(../images/cmn/dotline04.gif) no-repeat;}
.off-txt { display: block; text-indent: -9999px;}
.txt-main { margin: 0 20px 20px 25px; line-height: 175%; letter-spacing: 1px;}
.txt-date { color: #1A5FB4;}
.txt-attention { color: #FF0000;}
.txt-pickup { margin: 5px 5px 5px 8px; font-size: 11px; line-height: 140%; color: #FFFFFF;}
.txt-copyright { margin: 0 0 0 0; color: #8C8C8C;}
.txt-inquiry { margin: 0 0 25px 20px; line-height: 175%; letter-spacing: 2px;}
.txt-portfolio { margin: 0 0 0 1px; padding: 4px 10px 3px 10px; color: #FFFFFF; background: #98C72C;}
.txt-outline1 { margin: 0 20px 10px 25px; height: 25px; background: url(../images/outline/lead01.gif) no-repeat;}
.txt-outline2 { margin: 0 20px 10px 25px; height: 25px; background: url(../images/outline/lead02.gif) no-repeat;}
.txt-outline3 { margin: 0 20px 10px 25px; height: 25px; background: url(../images/outline/lead03.gif) no-repeat;}
.title-pickup { margin: 0; width: 180px; height: 160px; background: url(../images/top/pickup_header.gif) no-repeat;}

/* アンカー ----------*/
a { text-decoration: none;}
a:link {color: #0000FF;}
a:visited {color: #0000CC;}
a:hover {color: #FF0000;}
a:active {color: #FF0000;}
h1 a { display: block; width: 200px; height: 72px;}
.pickuptitle a { display: block; width: 180px; height: 160px;}

/* 見出し ----------*/
body.top h3 { background: url(../images/top/title.gif) no-repeat;}
body.outline h3 { background: url(../images/outline/title.gif) no-repeat;}
body.portfolio h3 { background: url(../images/portfolio/title.gif) no-repeat;}
body.profile h3 { background: url(../images/profile/title.gif) no-repeat;}
body.inquiry h3 { background: url(../images/inquiry/title.gif) no-repeat;}
body.sitemap h3 { background: url(../images/sitemap/title.gif) no-repeat;}
body.privacypolicy h3 { background: url(../images/privacypolicy/title.gif) no-repeat;}
body.sitepolicy h3 { background: url(../images/sitepolicy/title.gif) no-repeat;}
body.news h3 { background: url(../images/news/title.gif) no-repeat;}
body.pickupsite h3 { background: url(../images/pickup/title.gif) no-repeat;}

/* リスト（ul/ol） ----------*/
body.outline #main ul { margin: 0 0 15px 25px; padding: 10px 10px 10px 25px; width: 470px; line-height: 175%; background: #FFFAEC;}
body.privacypolicy #main ol { margin: 0 40px 15px 50px; padding: 0; line-height: 175%;}
body.privacypolicy #main ol li { margin: 0 0 15px 0; letter-spacing: 2px;}
body.privacypolicy #main ol ul li { margin: 0;}
body.sitepolicy #main ol { margin: 0 40px 15px 50px; padding: 0;}
body.sitepolicy #main li { margin: 0; letter-spacing: 2px;}

/* リスト（dl） ----------*/
dl { margin: 0 0 0 25px; line-height: 160%;}
dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dt { float: left; width: 130px;}
.ds-portfolio { margin: 15px 0 10px 25px; padding: 10px 0 0 5px; background: url(../images/cmn/dotline03.gif) no-repeat;}
.dt-portfolio { margin: 0 0 0 5px; width: 70px; height: 25px; color: #A4A33F; background: none;}
.dd-portfolio { height: 25px;}
.dt-profile1 { margin: 0 0 0 0; padding: 5px 0 0 10px; height: 50px; background: #EAF0F8;}
.dt-profile2 { margin: 0 0 0 0; padding: 5px 0 0 10px; height: 80px;  background: #EAF0F8;}
.dt-profile3 { margin: 0 0 0 0; padding: 5px 0 0 10px; height: 120px;  background: #EAF0F8;}
.dd-profile1 { margin:  0 0 0 140px; padding: 5px 0 0 10px; height: 51px;}
.dd-profile2 { margin: 0 0 0 140px; padding: 5px 0 0 10px; height: 81px;}
.dd-profile3 { margin: 0 0 0 140px; padding: 5px 0 0 10px; height: 121px;}
.dt-sitemap { padding: 10px 0 0 0; background: url(../images/cmn/dotline02.gif) no-repeat;}
.dd-sitemap { padding: 10px 0 0 0; height: 60px;}

/* フォーム ----------*/
.form-inquiry { margin: 0 0 0 25px; padding: 15px 0 1px 0; width: 500px; background: #F3F7FB;}

/* ボックス ----------*/
#container { margin: 0 auto; width: 740px;}
#header { width: 740px; height: 72px; background: url(../images/cmn/bg_header.gif) no-repeat;}
#footer { width: 740px; height: 20px; background: url(../images/cmn/bg_footer.gif) no-repeat bottom;}
#pagebody { width: 740px; background: url(../images/cmn/bg_pagebody.gif) repeat-y;}
#pagebody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#crumb { clear: both; margin: 15px 0 15px 15px; width: 710px;}
#copyright { clear: both; margin: 0 0 15px 15px; width: 710px;}
#title { float: left; margin: 0 0 0 0; width: 445px; height: 70px;}
#flash { clear: both; margin: 0 0 0 15px; width: 710px; height: 160px;}
#main { float: left; margin: 0 0 0 0; width: 545px;}
#banner { float: right; margin: 0 0 0 0;  padding: 0; width: 195px;}
#ads { width: 180px; height: 165px; background: url(../images/top/banner01.gif) no-repeat;}
#ads a { display: block; width: 180px; height: 165px; text-indent: -9999px;}
#pickup { padding: 0 0 5px 0; width: 180px; background: #569DF2 url(../images/top/pickup_footer.gif) no-repeat bottom;}

/* サブメニュー ----------*/
#submenu { float: right; margin: 0; width: 295px; height: 30px;}
#submenu ul { margin: 0; padding: 0; list-style: none;}
#submenu a{ display: block; background: url(../images/cmn/btn_sub_off.gif) no-repeat;}
#submenu a:hover{ display: block; background: url(../images/cmn/btn_sub_on.gif) no-repeat;}
#submenu li.menu1 { float: left;}
#submenu li.menu2 { float: left; }
#submenu li.menu3 { float: left;}
#submenu li.menu1 a{ width: 80px; height: 30px; background-position: 0 0;}
#submenu li.menu2 a{ width: 110px; height: 30px; background-position: -80px 0;}
#submenu li.menu3 a{ width: 90px; height: 30px; background-position: -190px 0;}
#submenu li.menu1 a:hover{ width: 80px; height: 30px; background-position: 0 0;}
#submenu li.menu2 a:hover{ width: 110px; height: 30px; background-position: -80px 0;}
#submenu li.menu3 a:hover{ width: 90px; height: 30px; background-position: -190px 0;}

/* 下階層メニュー ----------*/
#pagemenu { float: right; margin: 0 0 0 0; width: 195px; height: 213px;}
#pagemenu ul { margin: 0; padding: 0; list-style: none;}
#pagemenu a{ display: block; background: url(../images/cmn/btn_page_off.gif) no-repeat;}
#pagemenu a:hover{ display: block; background: url(../images/cmn/btn_page_on.gif) no-repeat;}
#pagemenu li.menu4 a{ width: 180px; height: 53px; background-position: 0 0;}
#pagemenu li.menu5 a{ width: 180px; height: 53px; background-position: 0 -53px;}
#pagemenu li.menu6 a{ width: 180px; height: 53px; background-position: 0 -106px;}
#pagemenu li.menu7 a{ width: 180px; height: 54px; background-position: 0 -159px;}
#pagemenu li.menu4 a:hover{ width: 180px; height: 53px; background-position: 0 0;}
#pagemenu li.menu5 a:hover{ width: 180px; height: 53px; background-position: 0 -53px;}
#pagemenu li.menu6 a:hover{ width: 180px; height: 53px; background-position: 0 -106px;}
#pagemenu li.menu7 a:hover{ width: 180px; height: 54px; background-position: 0 -159px;}

/* トップメニュー ----------*/
#topmenu { clear: both; margin: 0 0 0 15px; width: 710px; height: 60px;}
#topmenu ul { margin: 0; padding: 0; list-style: none;}
#topmenu a{ display: block; background: url(../images/top/btn_top_off.gif) no-repeat;}
#topmenu a:hover{ display: block; background: url(../images/top/btn_top_on.gif) no-repeat;}
#topmenu li.menu4 { float: left;}
#topmenu li.menu5 { float: left;}
#topmenu li.menu6 { float: left;}
#topmenu li.menu7 { float: left;}
#topmenu li.menu4 a{ width: 177px; height: 60px; background-position: 0 0;}
#topmenu li.menu5 a{ width: 177px; height: 60px; background-position: -177px 0;}
#topmenu li.menu6 a{ width: 177px; height: 60px; background-position: -354px 0;}
#topmenu li.menu7 a{ width: 179px; height: 60px; background-position: -531px 0;}
#topmenu li.menu4 a:hover{ width: 177px; height: 60px; background-position: 0 0;}
#topmenu li.menu5 a:hover{ width: 177px; height: 60px; background-position: -177px 0;}
#topmenu li.menu6 a:hover{ width: 177px; height: 60px; background-position: -354px 0;}
#topmenu li.menu7 a:hover{ width: 179px; height: 60px; background-position: -531px 0;}