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

/*20140303テスト用*/
#navi ul li a:link {
	color: #FFFFFF;
	text-decoration:none;
	display:inline-block;
	width:100%;
	height:20px;
	padding:12px 0px 8px 0px;
}
#navi ul li a:visited {
	text-decoration:none;
	color: #FFFFFF;
	display:inline-block;
	width:100%;
	height:20px;
	padding:12px 0px 8px 0px;
}
#navi ul li a:active {
	text-decoration:none;
	color: #FFFFFF;
	display:inline-block;
	width:100%;
	height:20px;
	padding:12px 0px 8px 0px;
}
#navi ul li a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-color:#000000;
	border-bottom:8px solid #3CF;
	display:inline-block;
	width:100%;
	height:12px;
	padding:2px 0px 8px 0px;
}
/*20140303テスト用ここまで*/

/*リンク*/
a:link {
	color: #333333;
}
a:visited {
	text-decoration:none;
	color: #333333;
}
a:active {
	text-decoration:none;
	color: #333333;
}
a:hover {
	color:#0000FF;
}

.a a:link {
	text-decoration:underline;
	color:#0000FF;
}
.a a:visited {
	text-decoration:underline;
	color:#0000FF;
}
.a a:active {
	text-decoration:underline;
	color:#0000FF;
}
.a a:hover {
	text-decoration:underline;
	color:#0000FF;
}

.main-left a:link {
	text-decoration:none;
	color:#333333;
}
.main-left a:visited  {
	text-decoration:none;
	color:#333333;
}
.main-left a:active  {
	text-decoration:none;
	color:#333333;
}
.main-left a:hover  {
	text-decoration:none;
	color:#0066FF;
}

#topic a:link {
	text-decoration:none;
	border-bottom:1px dashed #999999;
	color:#333333;
}
#topic a:visited  {
	text-decoration:none;
	border-bottom:1px dashed #999999;
	color:#333333;
}
#topic a:active  {
	text-decoration:none;
	border-bottom:1px dashed #999999;
	color:#333333;
}

#topic a:hover  {
	text-decoration:none;
	border-bottom:1px solid #999999;
	background-color:#FFFFCC;
	color:#0033FF;
}


/*タイトル*/
h1.ti-blu {
	margin:0px 0px 10px 0px;
	padding:5px;
	background-image:url(../images/title-gy.jpg);
	font-size:110%;
	border-left:10px solid #399ECE;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
h1.ti-blu2 {
	margin:15px 0px 10px 0px;
	padding:5px;
	background-image:url(../images/title-gy.jpg);
	font-size:110%;
	border-left:10px solid #399ECE;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

h1.ti-ora {
	margin:0px 0px 10px 0px;
	padding:5px 15px;
	background-image: url(../images/ti-ora.jpg);
	font-size:110%;
	color:#FFFFFF;
}

h1.ti-aqa {
	color:#FFFFFF;
	background-image:url(../images/title-aqa.jpg);
	padding:5px 15px;
	margin:0px 0px 5px 0px;
	font-size:110%;
}

h2.ti-blu1 {
	margin:0px 0px 10px 0px;
	padding:5px 15px;
	background-image:url(../images/title-aqa.jpg);
	color:#FFFFFF;
	font-size:110%;
}

h2.ti-blu2 {
	margin:15px 0px 10px 0px;
	padding:5px 15px;
	background-image:url(../images/title-aqa.jpg);
	color:#FFFFFF;
	font-size:110%;
}

h2.ti-blu3 {
	margin:0px 0px 10px 0px;
	padding:5px 15px;
	background-image:url(../images/title-aqa.jpg);
	color:#FFFFFF;
	font-size:110%;
}

h2.ti-ora {
	margin:0px 0px 10px 0px;
	padding:5px 15px;
	background-image:url(../images/ti-ora.jpg);
	font-size:100%;
	color:#FFFFFF;
}

h2.ti-ora2 {
	margin:15px 0px 10px 0px;
	padding:5px 15px;
	background-image:url(../images/ti-ora.jpg);
	font-size:100%;
	color:#FFFFFF;
}

h2.ti-green {
	margin:15px 0px 10px 0px;
	padding:5px 15px;
	background-image: url(../images/ti-green.jpg);
	font-size:100%;
	color:#FFFFFF;
}

h2.ti-gry {
	margin:5px 0px;
	padding:5px 7px;
	background-color:#E7E8E9;
	border-left:8px solid #A5A9AD;
	border-bottom:1px solid #A5A9AD;
	font-size:100%;
}
h3.ti-gry {
	margin:5px 0px;
	padding:5px 7px;
	background-color:#E7E8E9;
	border-left:8px solid #A5A9AD;
	border-bottom:1px solid #A5A9AD;
	font-size:100%;
}

/*マージン*/
.m0 {
	margin:0px;
	padding:0px;
}

.m5 {
	margin:5px;
	padding:0px;
}

.m10 {
	margin:10px;
	padding:0px;
}

.m15 {
	margin:15px;
	padding:0px;
}

.m5p5 {
	margin:5px;
	padding:5px;
}

.mt5 {
	margin-top:5px;
	padding:0px;
}

.mt10 {
	margin-top:10px;
	padding:0px;
}

.mt15 {
	margin-top:15px;
	padding:0px;
}

.ml5 {
	margin-left:5px;
	padding:0px;
}

.ml10 {
	margin-left:10px;
	padding:0px;
}

.ml15 {
	margin-left:15px;
	padding:0px;
}

.mr5 {
	margin-right:5px;
	padding:0px;
}

.mr10 {
	margin-right:10px;
	padding:0px;
}

.mr15 {
	margin-right:15px;
	padding:0px;
}

.ml10 {
	margin-left:10px;
	padding:0px;
}	

.ml25 {
	margin-left:25px;
	padding:2px;
}

.mb5 {
	margin-bottom:5px;
	padding:0px;
}

.mb10 {
	margin-bottom:10px;
	padding:0px;
}


.mb15 {
	margin-bottom:15px;
	padding:0px;
}

.mtb5 {
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
}

.mtb10 {
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}

.mtb10rl5 {
	margin:10px 5px;
}

.pd5 {
	padding:5px;
}

/*文章のフォントサイズ*/
.ft100 {
	padding:5px;
	margin:5px;
}

.ft95 {
	font-size:95%;
	padding:5px;
	margin:5px;
}

.ft90 {
	font-size:90%;
	padding:5px;
	margin:5px;
	line-height:1.1em;
}
span.ft80 {
	font-size:80%;
	margin:0px;
	padding:0px;
}

/*赤文字*/
.red {
	color:#FF3300;
}

/*白背景*/
.whi {
	background-color:#FFFFFF;
}

/*グレー枠白背景のボックス*/
.waku3 {
	font-size:90%;
	margin:10px;
	padding:5px;
	border:1px solid #999999;
}

/*赤枠ピンク背景のボックス・注意書き用*/
.tyuui {
	margin:5px;
	padding:5px;
	border:1px solid #E30000;
	background-color: #FFE6DF;
}
.tyuui2 {
	margin:10px;
	padding:5px;
	border:1px solid #E30000;
	background-color: #FFE6DF;
}

/*レイアウト*/
@media only screen and (min-width: 641px){
	body {
	color:#333333;
	background-image: url(../images/back-blu.jpg);
	font-size: small;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}

	div.waku {
	width:750px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	}

	div.waku2 {
	background-image:url(../images/back1.jpg);
	background-repeat:repeat-y;
	margin:0px; padding:0px;
	width:750px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 640px){
	body {
	color:#333333;
	background-image: url(../images/back-blu.jpg);
	font-size: small;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}

	div.waku {
	width:100%;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	}

	div.waku2 {
	background-image:url(../images/back1.jpg);
	background-repeat:repeat-y;
	margin:0px; padding:0px;
	width:100%;
	}
	
	img {
	max-width:100%; 
    height:auto;
	}
}

div.waku4 {
	width:550px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
/*メッセージ用*/
div.waku5 {
	width:75%;
	padding:10px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

p {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

/*ヘッダ*/
@media only screen and (min-width: 641px){
	div.head {
	padding:6px 10px;
	background-image:url(../images/header4.jpg);
	background-repeat:no-repeat;
	margin:0px;
	width:729px;
	border-right:1px solid #CCC;
	}

}

@media only screen and (min-width: 0px) and (max-width: 640px){
	div.head {
	padding:6px 1px;
	background-image:none;
	background-color:#FFFFFF;
	margin:0px;
	width:100%;
	}

}

div.logo {
	float:left;
	margin:5px 5px 2px 15px;
}

div.google {
	margin:10px 0px 10px 0px;
	font-size:90%;
	line-height:1em;
}

div.google-syoseki {
	margin:30px 0px 10px 0px;
	font-size:90%;
	line-height:1em;
}

div.yahoo {
	font-size:80%;
}

div.cl {
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
}

/*ナビゲーション*/
@media only screen and (min-width: 641px){
	#navi {
	padding:0px; margin:0px;
	}

	#navi ul {
	padding:0px;
	margin:0px;
	background-color:#000000;
	background-repeat:repeat-x;
	height:40px; color:#FFFFFF;
	font-size: medium;
	text-align:center;
	}

	#navi ul li {
	display:inline-block;
	width:20%;
	padding:0px;
	margin:0px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 640px){
	#navi {
	padding:0px; margin:0px;
	font-size:0.9em;
	}

	#navi ul {
	padding:0px;
	margin:0px;
	background-color:#000000;
	background-repeat:repeat-x;
	height:40px; color:#FFFFFF;
	font-size: 0.9em;
	text-align:center;
	}

	#navi ul li {
	display:inline-block;
	width:20%;
	padding:0px;
	margin:0px;
	}	
}

/*↓古いヘッダナビゲーション用*/
div.navi {
	margin:0px;
	padding:0px 1px;
	background-image:url(../images/ni0a.jpg);
	color:#FFFFFF;
	font-weight:bold;
}/*↑古いヘッダナビゲーション用*/



/*アンカー*/
div.pass {
	background-image: url(../images/back5.jpg);
	font-size:80%;
	margin:0px 2px;
	padding:5px 5px 2px 5px;
}
.pass span {
	vertical-align:top;
}
.pass a {
	vertical-align:top;
}

/*画面分割左メニュー右コンテンツ*/
@media only screen and (min-width: 641px){
	div.main-left {
	float:left;
	padding:4px;
	width:210px;
	margin:5px 0px 10px 2px;
	}
	div.main-right {
	float:right;
	padding:5px;
	margin:5px 1px 10px 0px;
	width:510px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 640px){
	div.main-left {
	margin:10px 0px;
	width:100%;
	}
	div.main-right {
	padding:5px 0px;
	margin:5px 0px;
	width:100%;
	}	
}
/*フッター*/
@media only screen and (min-width: 641px){
	div.foot {
	clear:both;
	background-image:url(../images/back-foot.jpg);
	background-repeat:repeat-y;
	width:750px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 640px){
	div.foot {
	clear:both;
	background-image:url(../images/back-foot.jpg);
	background-repeat:repeat-y;
	width:100%;
	margin:0px;
	padding:0px;
	}
}
}
p.foot {
	margin:10px 0px 0px 0px;
	padding:5px;
	font-size:90%;
}

p.copy {
	margin:5px 0px 0px 0px;
	padding:5px;
	font-size:90%;
}

div.mcj {
	border-bottom:2px solid #FF0000;
}

div.foot-line {
	border-bottom:5px solid #ff8c11;
	padding:5px;
}

/*上に戻る*/
div.top {
	clear:both;
	text-align:right;
	padding:3px;
}




/*テーブル*/

.norm {
	margin:5px;
}
.norm table {
	border-collapse:collapse;
	line-height:1.3em;
	margin:0;
	width:auto;
}
.norm th {
	border:1px #CCCCCC solid;
	background-color:#E7E8E9;
	padding:7px;
	margin:0;
	width:auto;
}
.norm tr td {
	border:1px #CCCCCC solid;
	padding:7px;
	margin:0;
	width:auto;
}
.norm tr.g {
	background-color:#E7E8E9;
	border:1px #CCCCCC solid;
}
.norm td.g {
	background-color:#E7E8E9;
	border:1px #CCCCCC solid;
}

.norm {
	margin:5px;
}


.norm2 table {
	border-collapse:collapse;
	line-height:1.2em;
	margin:0;
	width:auto;
}
.norm2 th {
	border:1px #CCCCCC solid;
	background-color:#E7E8E9;
	padding:7px;
	margin:0;
	width:auto;
}
.norm2 tr td {
	border:1px #CCCCCC solid;
	padding:5px;
	margin:0;
	width:auto;
}

.norm2 tr.g {
	background-color:#E7E8E9;
	border:1px #CCCCCC solid;
}
.norm2 td.g {
	background-color:#E7E8E9;
	border:1px #CCCCCC solid;
	font-size:90%;
	white-space:nowrap;
	float:clear;
}

/*リスト*/
div.rist {
	margin:10px 0px;
	padding:5px 25px;
}

.rist ul {
	list-style:none;
	margin:5px 0px;
	padding:0px;
}

.rist li {
	background:none;
	padding:2px;
	margin-left:20px;
}