@charset "Shift-JIS";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
	color:#666666;
	font-family:sans-serif;
	font-size:13px;
	*font-size:small;
	line-height:1.4;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}


/* デフォルトリンク色の設定 */
a{
	color:#00C4AB;
}

a:hover{
	color:#CCE739;
}

/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

/*	clearfix
------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/




/*--------------------------

　レイアウト


---------------------------*/


/* ヘッダー
---------------------------*/
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
}


#header{
 padding:10px 0;
 background:url(../img/haikei.jpg);
}



#header .inner{
 width:940px;
 height:90px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
}


 
 
#logo{
 position:absolute;
 left:0;
 top:50%;
 margin-top:-26px;
}



#catch{
 position:absolute;
 left:225px;
 top:85%;
 margin-top:-1em;
 font-size:83%;
}



/* グローバルナビゲーション
---------------------------*/

#gnav{
 background:#0000CD;
}

#gnav ul{
 width:940px;
 margin:0 auto;
 border-right:#fff 1px solid;
 overflow:hidden;
}

#gnav li{
 float:left;
 width:156px;
 border-left:#fff 1px solid;
}

#gnav li.gnav01{
 width:154px;
}

#gnav a{
 display:block;
 padding:10px 0;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 color:#fff;
}

#gnav a:hover{
 background:#1E90FF
}

#gnav a.selected{

background:#fff; 
color:#0000CD;
border:#0000CD 3px solid;
margin-bottom:0;
font-size:12px;
font-weight:bold;
 }



/* コンテンツエリア
---------------------------*/

#contents{
 width:900px;
 padding:10px 20px 0 20px;
 margin:0 auto;
 border-left:#e6e6e6 1px solid;
 border-right:#e6e6e6 1px solid;
}


/* パンくず
---------------------------*/
#pankuzu{
 margin-bottom:30px;
 padding-bottom:10px;
 border-bottom:#ccc 1px dotted;
 
}

#pankuzu li{
 display:inline;
 font-size:83%;
}

#pankuzu a{
 padding-right:15px;
 background:url(../img/yazirusi.jpg) right center no-repeat;
color:#1E90FF;
 text-decoration:none;
}

#pankuzu a:hover{
text-decoration:underline;
}


/* メインコンテンツ
---------------------------*/
#main{
 width:680px;
 margin-bottom:40px;
 float:right;
}



/* サイドバー
---------------------------*/

#side{
 width:180px;
 margin-bottom:40px;
 float:left;
}



#menu {
    padding:10px; /* メニュー全体170px; */
    width:150px; /* リンク部分150px; */
}
#menu li {
    list-style-type:none; /* リスト記号なし */
    margin-bottom:5px;
}
#menu a { 

color:#6fbb9a;
border:#0000CD 1px dotted;
border-left:#1E90FF 10px solid;
padding:5px 20px;
display:block;
font-weight:bold;
margin-bottom:0;
font-size:12px;
    color:#003399;
text-decoration:none;

    
}
#menu a:hover {
    color:#1E90FF;
    background-color:#ffffff;
}




/* フッター
---------------------------*/
/* ページトップ */

.pagetop{
	clear:both;
	text-align:right;
}

.pagetop a{
	padding:10px;
	background:#e6e6e6;
	font-size:83%;
	color:#666;
	text-decoration:none;
}

.pagetop a:hover{
	text-decoration:underline;
}

#footer{
	padding:10px 0;
	background:#e6e6e6;
}

#footer .inner{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}

#footer ul{
	float:left;
}

#copyright{
	float:right;
	font-size:83%;
}

#footer li{
	display:inline;
}



#footer a:hover{
	text-decoration:underline;
}

#footer a{
	padding:0 10px;
	background: left center no-repeat;
	color:#666;
	text-decoration:none;
}

/*--------------------------

　共有スタイル

---------------------------*/
　
　/*ページ大見出し*/
　
#main h2{
width:680px;  
font-size:120%;  
color:#ffffff;  
background-image:url(../img/mida.gif );  
line-height: 30px;  
padding-left:10px; 
margin-bottom:30px;
}



/*段落スタイル*/
#main p{
	margin-bottom:15px;
	line-height:1.7;
}

/*セクション間隔*/
.sec{
	margin-bottom:30px;
}
　
/*小見出し*/





.hdg{
	padding-left:20px;
	margin-bottom:15px;
	background:url(../img/bg_heading.gif) no-repeat;
	height:30px;
	line-height:30px;
}


.menuRibbon {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#183bd8;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}

.menuRibbonLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#b3f4e9;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #b3f4e9;
	border-style:solid;
	background:#183bd8;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}

.menuTabLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#183bd8;
	border-style:solid;
	background:#b3f4e9;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuTabDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color: #b3f4e9;
	border-style:solid;
	background:#183bd8;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuTabDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color:#183bd8;
	border-style:solid;
	background:#b3f4e9;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLine {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0;
	border-color: #b3f4e9;
	border-style:solid;
	background:#183bd8;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}

.menuLineLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#183bd8;
	border-style:solid;
	background:#b3f4e9;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #b3f4e9;
	border-style:solid;
	background:#183bd8;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#183bd8;
	border-style:solid;
	background:#fff;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#183bd8;
	border-style:solid;
	background:#b3f4e9;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#183bd8;
	border-style:solid;
	background:#fff;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}




/*注意書き*/
.note{
	padding:5px;
	background:#f2f2f2;
	font-size:83%;
}

/*アイコンリンク*/
.icon{
	text-align:right;
}

.icon a{
	padding-left:10px;
	background:url(../img/ico_arw02.gif) left center no-repeat;
}



---------------------------*/