/*■初期設定*/

body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0055BB;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF0000;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 13px; /* モダンブラウザ */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6以下 */
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
}
p,th,td,li{
	font-size:12px;
	*font-size:90%;
	*font:90%;
	}

html{
	width:100%;
	}
body{
	text-align:left;
	width:100%;
	}



/***見出しタグ***/
h2{ 
	border: solid;
	border-color:#333333; /*ページサブタイトル罫線の色*/
	background-color:#0F37EF;
	border-width:0px 0 0 4px ;
	color:#ffffff;
	text-indent:10px;
	vertical-align:top;
	margin:0 0 18px 0;
	padding:2px 0 2px 0;
}

h3{ width:100%;
	font-size:13px;
	border: dotted;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:20px 0 4px 0 ;	}

.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}

/**レイアウト**/
#head{
	height:140px;
	border:solid;
	border-color:#000099; /*ヘッダーの上部ライン*/
	border-width:10px 0 0 0;
	background-color:#0099ff;/*ヘッダーの背景色*/
	margin:0 0 20px 0;
	background:url('gradient.jpg');repeat-x;
	}
	   
#head span.titles{
	font-weight:normal;
	padding:40px;
	position:relative;
	z-index:5;
	float:left;
	clear:left;
	font: bold 1.4em/1.5em HG正楷書体-PRO;
	}

#head span.titles u{text-decoration:underline;
		    color:#FFFFFF;/*タイトル部分の色*/ 
                    font-size:18px;}

#head span.titles a{text-decoration:none;
		    color:#FFFFFF;/*タイトル部分の色*/ 
                    font-size:18px;}
#head span.titles a:hover{ color:#FFFFFF;/*タイトル部分の色（マウスが乗っている時）*/ 
			   font-size:18px;}
		
#head span.banner{
	padding:10px 10px;
	position:absolute;
	right:0;
	z-index:4;
	float:right;
	}

#head span.titleb{
	font: bold 1.8em/1.5em HG正楷書体-PRO;
        font-size:33px;
	}



#contents{
	width:98%;
	margin:0 auto;
	text-align:left;
	}

#left_menu{
	position:relative;
	z-ndex:5;
	float:left;
	clear:left;
	width:160px;
	}

#left_menu a.YM{
	font-size:16px;
	}

#left_menu p{
	margin:10px 0 0 0;	
	}
	
#left_menu p.title{
	font-size:13px;
	text-align:center;
	color:#FFFFFF; /*左メニュータイトルのテキストの色*/
	background-color:#333333;　/*左メニュータイトルの背景の色*/
	width:160px;
	padding:2px 0 2px 0;
	margin:0 0 1px 0;
	border:solid #000099;
	border-width:2px 0 0 0;
	}

#left_menu span a{
	font-size:14px;
	padding:2px 0 2px 0;
	margin:0 0 12px 0;
	}

#main{
	margin-left:-100%;
	width:100%;
	float:right;
	line-height:200%;
        }
	
#main div#main_inner{
	margin-left:178px;
	margin-right:178px;
	}
#main div#main_inner spam{
	margin:0 0 16px 0;
	}
	
#right_menu{
	float:right;
	_clear:left;
	width:160px;	
	border:1px solid #333
	}
#right_menu p{
	margin:10px 0 0 0;	
	}
#right_menu p.title{
	text-align:center;
	color:#FFFFFF; /*右メニュータイトルのテキストの色*/
	background-color:#333333;　/*右メニュータイトルの背景の色*/
	width:160px;
	padding:2px 0 2px 0;
	margin:0 0 1px 0;
	border: solid #000099;
	border-width:2px 0 0 0;	
	}
#right_menu span.title{
	text-align:center;
	color:#FFFFFF; /*右メニュータイトルのテキストの色*/
	background-color:#333333;　/*右メニュータイトルの背景の色*/
	border: solid #000099;
	border-width:2px 0 0 0;	
	}

#right_menu span {display:block; width:150px; border-top:none; padding:5px}

#right_menu span form p input.mailform{font-size:13px;}

#foot_up{
	clear:both;
	}
#foot{
	background-color:#333333;　/*フッターコピーライト部分の背景色*/
	border:solid #000099;
	border-width:0px 0 3px 0;
	color:#FFFFFF; /*コピーライトのテキストの色*/
    	height:40px;
	clear:both;
	text-align:center;
	margin:20px 0 0 0;
	font-size:14px;
	padding:6px 0 0 0;
	}
#foot a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	}
#foot a:hover{
	color:#FFFFFF;
	font-size:14px;
	}
#p-copy{
	text-align:center;
	font-size:11px;
	color:#999999;
	width:800px;
	}
#p-copy a{
	color:#999999;
	font-size:10px;
	text-decoration:none;
	}	
#p-copy a:hover{
	color:#999999;
	}

* {margin:0; padding:0}

	.pageContent { width: 158px; }
	.accordion { list-style-type: none; padding: 0; margin: 0 0 0 0px; border: 1px solid #17a; border-top: none; border-left: none; }
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 99%; }
	.accordion li { background: #555; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 101%;}
	.accordion li div { padding: 20px; display: block; clear: both; float: left; width: 119px; background: #fff;}
	.accordion li a { text-decoration: none; font: bold 1.2em/1.5em Arial, sans-serif; color: #fff; padding: 0 5px; display: block; cursor: pointer; no-repeat center right; border-bottom: 1px solid #000;}
	.accordion li a:hover{ background: #3399FF;}

	.accordion li ul li {background: #777777;}
	.accordion li ul li a:hover{ background: #003399;}
	.accordion li ul li div {background: #FFFFFF;}


        .accordion span  {padding: 0 0px;	text-decoration:none;}
        .accordion span  a{color:#0055BB;	text-decoration:none;padding: 0 0px;margin: 0;	font: bold 1em/0.5em Arial;border-bottom: 0px solid #000;}
        .accordion span  a:hover{color:#FF0000;	text-decoration:underline;padding: 0px;margin: 0;background: #FFFFFF;}
        .accordion li ul li div span a:hover{color:#FF0000; text-decoration:underline;padding: 0px;margin: 0;background: #FFFFFF;}
