@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */

body { color: #222222; font-size: 14px; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; line-height: 140%; background-repeat: repeat; background-position: center 0; margin:0; padding:0; }
.bodyback { background-repeat: repeat-x; margin: 0; padding: 0; }
h1,h2,h3,ul,li,p { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border-style: none; }
td { font-size: 14px; }

a:link { color: #f50011; text-decoration: underline; }
a:visited { color: #820053; text-decoration: none; }
a:hover { color: #f50011; }
a:active { }
form { padding: 3px; }


/* ------------------------------
全体レイアウト部分
------------------------------ */

#wrapper { background-repeat: repeat; text-align: left; width: 802px; overflow: hidden; margin: 0 auto; padding: 0; }
/* ------------------------------
ヘッダー
------------------------------ */
#header { background-repeat: no-repeat; background-position: right 0; width: 802px; margin: 0; padding: 5px 0 15px; }
#header h1 { font-size: 11px; font-weight: normal; text-align: right; }
#hmenu { text-align: right; margin: -15px 0 0; padding: 0; }
#hmenu a { margin: 0 0 0 10px; padding: 0; }
#top { background-image: url(../images/topnavi_01.jpg); background-repeat: no-repeat; text-align: center; width: 802px; height: 212px; overflow: hidden; margin: 0; padding: 2px 0 0; }
#navi { width: 802px; overflow: hidden; margin: 0 0 25px; padding: 0; }
#navi img { margin: 0; padding: 0; border-style: none; border-width: 0; }
#navi ul { margin: 0; padding: 0; }
#navi ul li { float: left; list-style-type: none; display: inline; }
#main { float: none; clear: both; margin: 0; padding: 0; }
/* ------------------------------
センターコンテンツ
------------------------------ */
#center { width: 590px; overflow: hidden; float: left; margin: 0 5px 0 0; padding: 0; }
#center p { margin: 0; }
#topmenu { margin: 0; padding: 0 0 15px; }
ul#topmenu { margin: 0; padding: 0; }
ul#topmenu li { width: 290px; overflow: hidden; float: left; list-style-type: none; }
ul#topmenu li.m01 { margin: 0 10px 0 0; padding: 0; }
ul#topmenu li.m02 { margin: 0; padding: 0; }
.topmenu { background-image: url(../images/top_box1_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0; }
.topmenutop { background-image: url(../images/top_box1_top.jpg); background-repeat: no-repeat; margin: 0; padding: 6px 8px 10px; }
.topmenutop p { margin: 0; padding: 5px 0; }
.topmenutop p.more { text-align: right; }
#topmenu2 { background-image: url(../images/list_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; float: none; clear: both; margin: 15px 0 0; padding: 0 0 5px; }
#topmenu2 ul { margin: 10px 0 0 30px; padding: 0; }
#topmenu2 ul li { width: 258px; overflow: hidden; float: left; padding: 0; list-style-type: none; }
#topmenu2  a { color: #222222; text-decoration: none; }
#topmenu2  a:hover { color: #222222; text-decoration: underline; }
#topmenu2 p { line-height: 140%; margin: 0; padding: 5px 0; }
#topmenu2 .m03 { vertical-align: top; margin: 0; padding: 5px 0 10px; }
#topmenu2 .m04 { vertical-align: top; margin: 0; padding: 5px 30px 10px 0; }
.line1 { margin-left: 5px; border: solid 1px #adadad; }
.moji1 { color: #f50011; font-size: 14px; margin: 0; padding: 5px 0 0; }
/* ------------------------------
サイド
------------------------------ */
#right { background-color: #f6f5f0; width: 194px; overflow: hidden; float: right; margin: 0; padding: 0; border: solid 1px #d5d5d5; }
.right { margin: 0; padding: 4px 5px; }
#right h2 { margin: 0; padding: 10px 0 3px; }
#right p { margin: 0; padding: 5px 0 0; }
.oto1 { background-repeat: no-repeat; text-align: center; margin: 0; padding: 0 0 0; }
.hojint { color: #fff; font-size: 12px; background-color: #000066; margin-top: 5px; padding: 5px 5px 5px 8px; }
.hojint p { line-height: 140%; padding: 5px; }
/* ------------------------------
フッター
------------------------------ */
.pagetop { text-align: right; float: none; clear: both; margin: 0 0 0; padding: 10px 0 0; }
.panlist2 { margin: 0; padding: 10px 0 0 15px; }
#footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: center 0; text-align: left; float: none; clear: both; margin: 10px 0 0; padding: 15px 0 0; }
.footer { font-size: 11px; background-repeat: repeat; text-align: center; margin: 0 auto; padding: 0; }
.footer a { margin: 0 px 0 0 2px 0 px 0 0 0 px 0 0 0 0 px 0 0 2px 0 px 0 0 0 px 0 0 0 px 0 0 2px 0 px 0 0 0 px 0 0; padding: 0; }
.footer p { margin: 0; padding: 0; }
.footer h3 { margin: 0; padding: 14px 0 7px; }

/* ------------------------------
2階層目
------------------------------ */
#navi2 { height: 50px; overflow: hidden; margin: 0; padding: 0; }
#navi2 img { margin: 0; padding: 0; border-style: none; border-width: 0; }
#navi2 ul { margin: 0; padding: 0; }
#navi2 ul li { float: left; list-style-type: none; display: inline; }
.panlist { color: #fff; background-image: url(../images/panlist_back.jpg); background-repeat: repeat-y; float: none; clear: both; margin: 0; padding: 5px 5px 5px 15px; }
.panlist a { color: #fff; text-decoration: underline; }
.subtop { margin: 0 0 25px; padding: 0; }
#center2 { width: 583px; overflow: hidden; float: right; margin: 0; padding: 0; }
#center2 p { line-height: 150%; margin: 0; padding: 5px; }
#center2 h2 { margin: 0 0 15px; padding: 0; }
#center2 h3 { background-image: url(../images/h3.jpg); background-repeat: no-repeat; background-position: 0 3px; margin: 10px 0 10px 15px; padding: 4px 5px 5px 20px; }
#left { font-size: 15px; width: 194px; overflow: hidden; float: left; margin: 0; padding: 0; }
.left { background-color: #f6f5f0; overflow: hidden; margin: 0; padding: 4px 5px; border: solid 1px #d5d5d5; }
.cate { margin: 0 0 15px; padding: 0; border: solid 1px #d5d5d5; }
.cate ul { margin: 0; padding: 5px 0 2px; }
.cate ul li { background-image: url(../images/icon.jpg); background-repeat: no-repeat; background-position: 2px 3px; margin: 8px 0 4px; padding: 0 0 7px 15px; list-style-type: none; }
.cate ul li a { color: #222222; text-decoration: none; display: block; }
.cate ul li a:hover { color: #222222; text-decoration: underline; }

.kanren { margin: 0 0 15px; padding: 0; }
.kanren ul { margin: 0; padding: 5px 0 2px; }
.kanren ul li { background-image: url(../images/icon.jpg); background-repeat: no-repeat; background-position: 2px 3px; margin: 8px 0 4px; padding: 0 0 7px 15px; border-bottom: 1px dotted #adadad; list-style-type: none; }
.kanren ul li a { color: #222222; text-decoration: none; display: block; }
.kanren ul li a:hover { color: #222222; text-decoration: underline; }

.itemlist { margin: 0 0 15px; padding: 0; }
.itemlist ul { margin: 0; padding: 5px 0 2px; }
.itemlist ul li { background-image: url(../images/icon2.jpg); background-repeat: no-repeat; background-position: 2px 3px; margin: 8px 0 4px; padding: 0 0 7px 15px; border-bottom: 1px dotted #adadad; list-style-type: none; }
.itemlist ul li a { color: #222222; text-decoration: none; display: block; }
.itemlist ul li a:hover { color: #222222; text-decoration: underline; }


.line2 { border-bottom: 1px dotted #adadad; }
#left h2 { margin: 0; padding: 10px 0 3px; }
#left p { margin: 0; padding: 5px 0 0; }
.oto { background-repeat: no-repeat; text-align: center; margin: 0; padding: 0 0 0; }
/* ------------------------------
CSSハック
------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-table;zoom:1;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */