﻿
@import url("../index.css");  /* トップページ */



/*　■サイト全体の枠組み　*/

.header { background-color : #17184b; clip: rect( ); height: 25px; width: 800px; color: #f5f5f5;padding: 0px;border-collapse: collapse; border :0px; margin:0px;}
.mainbody-common { background-color : #ffffff; width: 800px; height: 500px; border-collapse: collapse ; margin: 0px;padding: 0px; border-width: 0px; vertical-align: top; border: 0px; text-align: center;}
.footer { background-color: #17184b; height: 50px; width: 800px; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; border-width: 0px; color: #ffffff;}
body { margin:auto;background-color: #ede4cd; margin: 0px; background-image : url(../img/img-cmn/bg2.gif);}

/*　■共通topbodyとnavigation　*/
/*　分野別トップページのtopbody共通　*/
.topbody-common { background-color: #ffffff; width: 800px; padding: 0px; border-collapse: collapse;}
.topbody-left-common { width: 25%; text-align: center; padding: 0px;}
.topbody-middle-common { width: 60%; padding: 0px 0px;}
.topbody-right-common { width: 15%; padding: 0px 0px;}

/*　共通トップナビゲーション要素　*/
.topnv-com { background-color: #17184b; height: 35px; width: 800px; padding: 5px;}
.topnv-tdcomleft { width: 25%; text-align: center; }
.topnv-tdcom { width: 25%; text-align: center; border-left-style : solid;border-left-color : #800000; border-left-width: 1px;}
.topnv-fontcom { color: #FFFFFF;text-decoration: none;}

/*　サイドナビの段組　*/
.sidenavi-title { width: 100%; padding: 3px; text-align: left;}
.sidenavi-common { width: 98%; padding: 3px; text-align: left;}
.sidenavi-waku { width: 100%; height:25px;text-align: left; background-image: url(../img/img-cmn/titlebg-blue.gif);}
/*　ルートナビの段組　*/
.root-navi-common { width: 100%; padding: 5px; text-align: left;}

 /*　■サイト段組・構成　*/
.mainbody-side { background-color: #f5f5f5; width: 25%; vertical-align: top;border-left-color : #000099;border-left-style : solid; padding: 0px; border-left-width: 1px;} 
.mainbody-contents { width: 75%; padding: 0px; vertical-align: top;}  

/*　■コンテンツ段組-ブロック　*/
.div-waku { width: 100%; height: 25px;padding:0px; text-align: left; background-image: url(../img/img-cmn/line-shikii.gif);}
.divtitle { width: 95%; text-align: left;}
.divtitlesub { width: 90%; text-align: left;}
.divcover { width: 98%; text-align: left;}
.divstory { width: 95%; text-align: left;}
.divstorysub { width: 90%; text-align: left;}
.div100 { width: 100%; text-align: left;}
.div65 { width: 65%; text-align: left; vertical-align:top;}
.div60 { width: 60%; text-align: left; vertical-align:top;}
.div50 { width: 50%; padding: 5px; text-align: left; vertical-align: top;}
.div40 { width: 40%; text-align: left; vertical-align:top;}
.div35 { width: 35%; text-align: left; vertical-align:top;}
.div30 { width: 30%; text-align: left; vertical-align:top;}
.div25 { width: 25%; text-align: left; vertical-align:top;}
.divmenu01{ width: 100%; text-align: left; padding: 5px ;background-image: url(../img/img-cmn/line-shikii.gif);}
/*　コンテンツ段組のカラーブロック　co=color略　*/
.divticoinfo { width: 98%;font-size: 14px; text-align: left; background-color: #bbbcde; padding:3px;}
.divticocity { width: 98%;font-size: 14px; text-align: left; background-color: #bbbcde; padding:3px;}
.divticonews { width: 95%;font-size: 14px; text-align: left; background-color: #cccccc; padding:3px;}
/*　FAQコンテンツ　co=color略　*/
.divticoqa { width: 60%;font-size: 14px; text-align: left; background-color: #cccccc; padding:3px;}
.divqa { width: 60%;font-size: 14px; text-align: left;padding:3px;line-height :150%;}
/*　フォームメール用ブロック・フォント　*/
.fontformh { font-size: 25px; color: #666666; bottom-margin: 0px;}
.fontformstory { font-size: 14px;}
.divformtitle { width: 85%;font-size: 16px; text-align: left; background-color: #bbbcde; padding:5px;}
.divformstory { width: 85%; text-align: left;padding:3px;}
.fontform { font-size: 14px; color:#666666;}
.fontnoticeform { font-size: 13px; color: #990000;}

/*　■見出し、タイトル　※h,pタグのmarginは行間を指定　*/
h1 { font-size: 16px; margin-bottom : 0px; padding: 5px;line-height :120%;}
h2 { font-size: 15px; margin-bottom : 0px; padding: 5px;line-height :120%;}
h3 { font-size: 14px;margin-bottom : 0px; padding:5px; }



/*　■フォント　*/
p { font-size: 13px;line-height :130%; margin-top : 5px;}
td {font-size: 13px;line-height :130%;}
div { font-size: 13px;line-height :130%;}
.fonttitle { font-size: 14px;}
.fonttitle2 { font-size: 14px;color :#2F4F4F;}
.fonttitle3 { font-size: 16px; color: #006666}
.fontnavi-title { font-size: 14px; font-weight: bold;color :#330000; filter: Shadow(Color=#cccccc, Direction=135, Strength=4); height: 1em; padding: 0.1em;}
.font11 { font-size: 11px; color:#666666}
/*　記事　*/
.pstory { font-size: 14px;line-height :150%;}
.pstorysub { font-size: 14px;line-height :150%;}
/*　一般案内文章　*/
.pguide { font-size: 13px; line-height :120%;}
/*　注意事項　*/
.pnotice { font-size: 13px; color: #990000;}

/*　■リンク要素　*/
a:link { color: #333399; text-decoration: underline;}
a:hover { color: #990000; text-decoration: underline; }
a:active { color: #990000; text-decoration: underline;}
a:visited { color: #333399; text-decoration: underline;}


/*　■リスト　*/
.list{margin-bottom: -5px}

.titlelist{
list-style : none;
margin-left: -50px;
padding-left: 32px;
background: url(../img/img-cmn/icon-navi.gif);
background-repeat : no-repeat;background-position : 10px 50%;
padding-bottom: 0px;}

.menulist{
list-style : none;
margin-left: -50px;
padding-left: 18px;
background: url(../img/img-cmn/icon-navi01.gif);
background-repeat : no-repeat;background-position : 10px 50%;
padding-bottom: 0px;}

.title2list{
list-style : none;
margin-left: -50px;}

