@charset "utf-8";
/* CSS Document */

body { width: 100%; background-color: #fff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #000; }
a { color: #000; text-decoration: none; }
div#stage { width: 960px; heigt: auto; margin: 0 auto; }
div#pageTopNavi { height: 38px; width: 100%; position: fixed; bottom: 180px; left: 50%; }
div#pageTopNavi a { margin-left: 480px; height: 38px; width: 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; background-image: url(../images/btn_pagetop.png); background-repeat: no-repeat; }

/*ＴＯＰページヘッダースタイル*/
header { text-align: center; }
header { position: relative; overflow: hidden; }
header { text-align: left; }
div#headerIn { width: 100%; height: 80px; margin: 0; padding: 0; }
div#headerIn h1, div#headerIn p { float: left; width: 210px; height: 50px; margin: 20px 0 10px 3px; }
div#headerIn ul#add { float: right; width: 328px; height: 30px; margin: 34px 0 16px 0; padding: 0; }
div#headerIn ul#add li { float: left; }
div#headerIn ul#add li#toiawase { margin-left: 17px; margin-right: 0; }
div#headerIn ul#add li#toiawase a { display: block; width: 100%; height: 100%; }
nav#headerNav ul { margin: 0; width: 960px; }
nav#headerNav ul li { text-align: center; float: left; width: 191px; height: 60px; border-right: #A19480 solid 1px; }
nav#headerNav ul li a { display: block; width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: left top; }
nav#headerNav ul li a:hover { background-position: left bottom; }
nav#headerNav ul li#home { border-left: #A19480 solid 1px; width: 189px; }
nav#headerNav ul li#home a { background-image: url(../images/nav_home.png); }
nav#headerNav ul li#iedukuri a { background-image: url(../images/nav_iedukuri.png); }
nav#headerNav ul li#kensanzai a { background-image: url(../images/nav_kensanzai.png); }
nav#headerNav ul li#qa a { background-image: url(../images/nav_qa.png); }
nav#headerNav ul li#company a { background-image: url(../images/nav_company.png); }
div#mainImage { margin: 20px 0 40px; }
nav#mainNavi { margin-top: 60px; padding: 30px 0; border-top: #A19480 solid 2px; border-bottom: #A19480 solid 2px; }
nav#mainNavi ul { float: left; margin-right: -16px; }
nav#mainNavi ul li { float: left; margin-right: 16px; }
nav#mainNavi ul li span.mNTitle { display: block; margin-top: 25px; }
nav#mainNavi ul li a { display: block; width: 228px; height: 168px; }

/*サブページパンくず*/
nav#breadcrumbs ol { font-size: 85%; width: 100%; margin: 15px 0; }
nav#breadcrumbs ol li { color: #8A8056; display: inline-block; list-style-type: none; }
nav#breadcrumbs ol li:after { content: " > "; color: #000; }
nav#breadcrumbs ol li:first-child { text-indent: 1.5em; background-image: url(../images/ico_topic.png); background-repeat: no-repeat; background-position: left center; }
nav#breadcrumbs ol li:last-child:after { content: ""; }

/*全ページ共通フッタースタイル*/
footer{border-top: #A19480 solid 2px;padding-top:20px;clear:both;background-color:#FFF;z-index:100;margin-top:100px;}
footer h3{padding:10px 0 0 50px;float:left;width:220px;height:100px;}
footer nav{font-size:80%;border-left: #727171 solid 1px;height:100px;float:right;padding-right:40px;}
footer nav ul{color:#5B5A5A;padding-left:10px;line-height:1.6em;border-right: #727171 solid 1px;width:145px;height:100px;float:left;}
footer nav ul li a{color:#5B5A5A;}
footer nav ul li.cMark{ list-style: square inside; }
footer p{margin:20px 0 0;line-height:20px;font-size:70%;text-align:center; clear:both; width:100%;height:20px;background-color:#727171;color:white;}

div#main{margin:40px 0 50px;}	
div#leftSide{width:720px;float:left;}

/*  +++トップページ用　中央配置コンテンツのレイアウト+++ */
div#infoBox{width:480px;float:right}
div#infoBox section{width:400px;margin:20px auto 40px;border-bottom: 1px solid #585757;height:380px;}
div#infoBox section h2{ text-indent: 25px; color: #595757; background-image: url(../images/ico_infoTitle.png); background-repeat: no-repeat; border-bottom: 1px solid #585757; padding-bottom: 8px; background-position: left top; }

/*  +++トップページ用　お知らせ部分レイアウト+++ */
div#infoBox section div#feed,div#infoBox section div#feed2{font-size:80%;color: #595757;margin:0;}
div#infoBox section div#feed h3.bDate a,div#infoBox section div#feed2 h3.bDate a{line-height:2.5em;display:block; width:380px;height:30px;padding:0 10px;border-bottom:1px dotted #585757;}
div#infoBox section div#feed p.bTit a,div#infoBox section div#feed2 p.bTit a{line-height:2.5em;margin-top:-2.5em;display:block;margin-left:100px;width:220px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
div#infoBox section div#feed p.bBtn a,div#infoBox section div#feed2 p.bBtn a{line-height:2.5em;margin-top:-2.3em;display:block;margin-left:330px;}


/*  +++トップページ用　お知らせ部分レイアウト 変更+++ */
div#infoBox section div.rss-box-news,div#infoBox section div.rss-box-state{font-size:80%;color: #595757;margin:0;}
div#infoBox section div.rss-box-news ul.rss-items,div#infoBox section div.rss-box-state ul.rss-items{line-height:2.5em;}
div#infoBox section div.rss-box-news ul.rss-items .rss-date,div#infoBox section div.rss-box-state ul.rss-items .rss-date{display:block; width:390px;margin-top:-2.5em;padding-left:10px;}
div#infoBox section div.rss-box-news ul.rss-items .rss-item a,div#infoBox section div.rss-box-state ul.rss-items .rss-item a{display:block;margin-left:100px;width:220px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
div#infoBox section div.rss-box-news ul.rss-items .rss-btn,div#infoBox section div.rss-box-state ul.rss-items .rss-btn{display:block;margin-top:-2.3em;padding-left:235px;}
div#infoBox section div.rss-box-news li,div#infoBox section div.rss-box-state li {border-bottom:1px dotted #585757;}
div#infoBox section div.rss-box-news li:last-child,div#infoBox section div.rss-box-state li:last-child {border-bottom:none;}


/*  +++トップページ用　ブログにリンクしない場合のレイアウト+++ */
div#infoBox section div.feedCommon{font-size:80%;color: #595757;margin:0;}
div#infoBox section div.feedCommon h3.bDate a{line-height:2.5em;display:block; width:380px;height:30px;padding:0 10px;border-bottom:1px dotted #585757;}
div#infoBox section div.feedCommon p.bTit a{line-height:2.5em;margin-top:-2.5em;display:block;margin-left:100px;width:220px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
div#infoBox section div.feedCommon p.bBtn a{line-height:2.5em;margin-top:-2.3em;display:block;}

/*  +++トップページ用　左サイドのレイアウト+++ */
div#sideMenuBox{width:220px;float:left;border-right:solid 1px #A19480;padding-right:19px;}
div#sideMenuBox section{margin-top:20px;}
div#sideMenuBox section h2{color:#A18063;border-bottom: 1px solid #585757; padding-bottom: 8px; }
div#sideMenuBox section ul{margin-bottom:20px;}
div#sideMenuBox section ul li a{ display:block;height: 54px;border-bottom: 1px dotted #585757; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: left top;}
div#sideMenuBox section ul li a:hover{background-position: left bottom; }

div#sideMenuBox section ul li#hyoujun a{background-image: url(../images/nav-yume_hyoujun.png); }
div#sideMenuBox section ul li#sato a{background-image: url(../images/nav-yume_sato.png); }
div#sideMenuBox section ul li#aurora a{background-image: url(../images/nav-yume_aurora.png); }

div#sideMenuBox section p.cal{ margin:10px 0; }
div#sideMenuBox section p.bn{ margin:10px 0; }

/*  +++トップページ用　右サイドのレイアウト+++ */
aside{width:200px;float:right;background-color:#D2C9B2;padding:20px;}
aside p.bn{margin-bottom:30px;}
aside h2{margin:150px 0 5px;}

div.fb{width:200px;background-color:white;text-align:center;}