@charset "utf-8";
/*=====================
共通
=====================*/
body{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:1.3em;
	background:#f0f7fd;
	min-width:980px;
}
section{
	margin-bottom:20px;
}
/*=====================
コンテナ
=====================*/
#container{
	width:100%;
	background:url(../images/common/bg_body.jpg) repeat-x 0 0;
	padding-top:40px;
	padding-bottom:40px;
	min-height:800px;
}
#mainArea{
	width:980px;
	margin:0 auto;
	background:#f5f6f8;
	border:solid 1px #e0e1e3;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1);
}
/*=====================
ヘッダー
=====================*/
header{
	height:149px;
	background:url(../images/common/bg_header.jpg) repeat-x 0 0;
	border-bottom:solid 3px #00508b;
	position:relative;
}
header .userinfo{
	position:absolute;
	bottom:5px;
	left:10px;
	font-size:12px;
}
header .logout{
	position:absolute;
	bottom:5px;
	right:10px;
	font-size:12px;
}
#index header #header_info{
	display:none;
}

h1{
	padding-top:24px;
	padding-left:27px;
	float:left;
}
/*=====================
コンテンツ
=====================*/
#contents{
	border-bottom:solid 5px #00508b;
	padding:40px 30px 100px;
}
h2{
	font-weight:bold;
	color:#00508b;
	font-size:24px;
	margin-bottom:10px;
}
h3{
	font-weight:bold;
	color:#00508b;
	font-size:18px;
	margin-bottom:10px;
	border-left:5px solid #00508b;
	padding-left:15px;
	line-height:18px;
}
/*=====================
ログインページ
=====================*/
#loginForm  .error{
	color:#f00;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
}

#loginBox{
	width:840px;
	/*margin:0 auto;*/
	border:solid 1px #d0d0d0;
	background:#FFFFFF;
	padding:40px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.inputBox{
	background:#f9fbfb;
	padding:12px 22px;
	border:solid 1px #b2b2b2;
}
#loginBox .btnLogin .btn_submit {
  cursor: pointer;
  display: block;
  width: 200px;
  height: 36px;
  border: none;
  text-indent: -9999px;
  background: url(../images/index/btn_login.jpg) no-repeat 0 0;
}
 
#loginBox .btnLogin .btn_submit:hover {
  background: url(../images/index/btn_login_on.jpg) no-repeat 0 0;
}



.inputBox p{
	float:left;
	width:130px;
	border-right:solid 1px #b2b2b2;
	color:#00508b;
	margin-right:20px;
}
.inputBox form{
	float:left;
}
#chooseLogin{
	width:430px;
	margin:0 auto;
}
.btnLogin{
	float:left;
}
.forgerPass{
	float:right;
	line-height:36px;
}
.forgerPass a{
	color:#00508b;
	font-size:14px;
}
/*=====================
レフトボックス
=====================*/
#leftBox{
	width:220px;
	float:left;
}
#index #leftBox{
	display:none;
}
/*=====================
ライトボックス
=====================*/
#rightBox{
	width:680px;
	float:right;
	padding-top:15px;
}
#index #rightBox{
	width:922px;
	float:none;
}
/*=====================
サイドメニュー
=====================*/
.sideMenu{
	margin-bottom:40px;
}
.sideMenu dl{
	padding:11px 9px 0;
	margin-bottom:15px;
}
.sideMenu dt{
	background:url(../images/common/gra_point.jpg) no-repeat 0 3px;
	padding-left:10px;
	margin-bottom:5px;
}
.sideMenu dd{
	border:solid 1px #d1d1d1;
	padding:5px;
	background:#FFFFFF;
	line-height:24px;
}
.sideMenu a{
	font-size:13px;
	color:#004f8a;
}
/*=====================
トップ利用者様情報
=====================*/
#topinfo{
	margin-bottom:43px;
}
#topinfo table{
	border:solid 1px #d1d1d1;
	width:100%;
}
#topinfo th{
	width:30%;
	border:solid 1px #d1d1d1;
	background:#666666;
	color:#FFFFFF;
	padding:10px;
}
#topinfo td{
	border:solid 1px #d1d1d1;
	background:#FFFFFF;
	padding:10px;
}
/*=====================
トップお知らせ
=====================*/
#news{
	min-height:270px;
	max-height:327px;
	overflow:auto;
	background:#FFFFFF;
	border-bottom:solid 1px #d1d1d1;
	border-left:solid 1px #d1d1d1;
	border-right:solid 1px #d1d1d1;
	padding-bottom:10px;
}
#news dl{
	width:94%;
	margin:0 auto;
	padding:3px 0;
}
#news dl:last-child{
	padding-bottom:0;
}
#news dt{
	float:left;
	width:16%;
	font-size:13px;
	color:#00508a;
}
#news dd{
	float:left;
	width:84%;
	font-size:14px;
}
/*=====================
相互リンク
=====================*/
#link .linkcode{
    width: 680px;
    padding: 10px;
    border: 1px solid #666;
    border-radius: 10px;
	background:#fff;
	font-size:80%;
}
#link table.linkinfo{
	width:100%;
	border:1px solid #cccccc;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
#link table.linkinfo th{
	width:15%;
	background:#666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
}
#link table.linkinfo td{
	width:85%;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#FFFFFF;
	padding:10px 5px;
	text-align:left;
	vertical-align:middle;
	font-size:100%;
}
#link .inputform{
	width:100%;
}
#link .textareaform{
	width:100%;
}
#link ul.linklist{
	margin-top:10px;
}
#link ul.linklist li{
	list-style:none;
	line-height:150%;
	font-size:90%;
	padding-left:10px;
}
#link input.updatebutton{
	display:inline-block;
	margin-top:20px;
	width:200px;
	height:50px;
	color:#f00;
	font-size:16px;
	font-weight:bold;
}
/*=====================
相互リンク
=====================*/
#help #contents p{
    line-height:150%;
}
#help #contents section{
    margin-bottom:30px;
}
#help #contents ul{
    list-style:circle;
	margin-left:20px;
}
#help #contents li{
        margin-bottom:10px;
}


/*=====================
ランキンググラフ表示
=====================*/
table.rankingtable{
	width:100%;
	border:1px solid #cccccc;
	margin-bottom:10px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

table.rankingtable th{
	background:#f3feff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #999;
	padding:5px 0;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	width:25%;
}

/*
table.rankingtable tr.even{
	background:#eee;
}
*/

table.rankingtable td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px 5px;
	text-align:center;
	vertical-align:middle;
	font-size:100%;
	background:#fff;
}
table.rankingtable td.day{
	text-align:left;
}
table.rankingtable td.firstChild{
	background:#f3fefc;
}
/*=====================
ユーザー情報変更
=====================*/
#info table.userinfo{
	width:100%;
	border:1px solid #cccccc;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
#info table.userinfo th{
	width:200px;
	background:#666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}
#info table.userinfo td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#FFFFFF;
	padding:7px;
	text-align:left;
	vertical-align:middle;
	font-size:90%;
}
#info table.userinfo td input{
	width:100%;
	height:15px;
}
#info table.userinfo td textarea{
	width:100%;
}
/*=====================
アドミン
=====================*/
#index table.userinfo{
	width:100%;
	border:1px solid #cccccc;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
#index table.userinfo th{
	width:200px;
	background:#666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}
#index table.userinfo td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#FFFFFF;
	padding:7px;
	text-align:left;
	vertical-align:middle;
	font-size:90%;
}
#index table.userinfo td input{
	width:100%;
	height:15px;
}
#index table.userinfo td textarea{
	width:100%;
}
/*=====================
SEO基本情報表示
=====================*/
#seo table{
	width:100%;
	border:1px solid #cccccc;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
#seo table th{
	width:20%;
	background:#666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}
#seo table td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#FFFFFF;
	padding:7px;
	text-align:left;
	vertical-align:top;
	font-size:90%;
}
#seo table td.title{
	background:#f3feff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:7px;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}
#seo .emphasis{
	font-size:17px;
	color:red;
	font-family:arial black;
}
/*=====================
フッター
=====================*/
footer{
	padding:16px 0 47px 0;
}
#logoFooter{
	text-align:center;
}
/*=====================
その他共通
=====================*/
form  .error{
	color:#f00;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
}
#loader{
	text-align:center;
	padding-top:100px;
}


/*=====================
送信ボタン
=====================*/
.submit_button,.link_button{
	text-align:center;
	margin-top:20px;
}
.submit_button input {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px 20px;
    color: #fff;
    border-style: none;
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
    text-shadow: 1px 1px 2px #000;
    background-color: #004e87;
    background: -moz-linear-gradient(bottom, #0163ac, #004e87 50%, #0163ac);
    background: -webkit-gradient(linear, left bottom, left top, from(#0163ac), color-stop(0.5, #004e87), to(#0163ac));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.submit_button input:hover {
    opacity: 0.8;
	cursor: pointer;
}
.link_button a{
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px 20px;
    color: #fff;
    border-style: none;
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
    text-shadow: 1px 1px 2px #000;
    background-color: #004e87;
    background: -moz-linear-gradient(bottom, #0163ac, #004e87 50%, #0163ac);
    background: -webkit-gradient(linear, left bottom, left top, from(#0163ac), color-stop(0.5, #004e87), to(#0163ac));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.link_button a:hover {
    opacity: 0.8;
	cursor: pointer;
	text-decoration:none;
}

/*=====================
汎用クラス
=====================*/
a img.delay{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	behavior: url(../PIE/PIE.htc);
}
div.penetrate:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a:hover img.penetrate{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
img.grow{
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
img.grow:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
a{
	color:#5f420a;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.box-under-shadow{
	box-shadow:0px 3px 0px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);
	behavior: url(../PIE/PIE.htc);
}
.pad01{
	padding-left:1em;
	text-indent:-1em;
}
.pad02{
	padding-left:2em;
	text-indent:-2em;
}
img.waku01{
	border:solid 1px #ddd;
}
img.waku02{
	padding:3px;
	border:solid 1px #ddd;
}
.mincho{
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

/*=====================
	便利クラス
=====================*/
.bold {font-weight:bold !important;}
.font-size10{font-size:10px !important;}
.font-size11{font-size:11px !important;}
.font-size12{font-size:12px !important;}
.font-size13{font-size:13px !important;}
.font-size14{font-size:14px !important;}
.font-size15{font-size:15px !important;}
.font-size16{font-size:16px !important;}
.font-size17{font-size:17px !important;}
.font-size18{font-size:18px !important;}
.font-size19{font-size:19px !important;}
.font-size20{font-size:20px !important;}
.font-size21{font-size:21px !important;}
.font-size22{font-size:22px !important;}
.font-size23{font-size:23px !important;}
.font-size24{font-size:24px !important;}
.font-size100{font-size:100% !important;}
.font-size120{font-size:120% !important;}
.font-size140{font-size:140% !important;}

/* テキスト配色設定 */

.color-blue1{color:#abc5ea  !important;}
.color-blue2{color:#366bb7 !important;}
.color-blue3{color:#0018ff !important;}
.color-blue4{color:#7BA7FF !important;}

.color-white{color:#FFFFFF !important;}

.color-red1{color:#FF0001 !important;}
.color-red2{color:#cd0000 !important;}

.color-pink1{color:#ef9191 !important;}
.color-pink2{color:#fb2bb9 !important;}
.color-pink3{color:#eb86df !important;}

.color-brown1{color:#b9ab93 !important;}
.color-brown2{color:#4e422e !important;}

.color-green1{color:#dbedc6 !important;}
.color-green2{color:#5b8c21 !important;}
.color-green3{color:#446e18 !important;}
.color-green4{color:#9fa776 !important;}

.color-orange1{color:#ff6600 !important;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}
.floatL20{float:left !important; margin-right:20px !important; margin-bottom:20px !important;}
.floatR20{float:right !important; margin-left:20px !important; margin-bottom:20px !important;}
.floatR10{float:right !important; margin-left:10px !important; margin-bottom:10px !important;}

/* padding */

.p0{padding:0 !important;}
.p10{padding:10px !important;}
.pt0{padding-top:0 !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mb0{margin-bottom:0 !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb70{margin-bottom:70px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:13px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr31{margin-right:31px !important;}