@charset "utf-8";
/********************************************************/
/* ページ共通のCSS                                      */
/********************************************************/
/*
■CSSの優先度
優先度を上げる場合には、「;」の前に「!important」を記入

■MacIE5.xは読まないようにする場合(その他ブラウザは読む)
/※ \※/
p { color:#FFFFFF; }
/※ ※/

■IEのみCSSを当てる場合の例
p { _color:#FFFFFF; };
*/


/********************************************************/
/* 全体の初期化（ブラウザ依存を吸収）                   */
/********************************************************/
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0px;
	padding:0px;
}

/* Hack For MacIE\
* {letter-spacing:1px;}*/
/* Hack For MacIE*/

body{
	color:#333333;
	font-weight:normal;
	font-family:"ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Arial, Helvetica, sans-serif;
	background:#E7E7E7;
	_word-break:break-all;	/* IE6用ハック 長いURL折り返し対策 */
}

*:first-child+html body{
　word-break:break-all;		/* IE7用ハック 長いURL折り返し対策 */
}

li{
	/*list-style-position:inside; IE は幅が変わるのでコメント */
	line-height:1.5em;
	list-style:none;
}

table{
	border-collapse: collapse;
}

th{
	text-align:left;
}

li{
	line-height:1.5em;
	list-style:none;
}

textarea{
	font-family:"ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Arial, Helvetica, sans-serif!important;
}


/********************************************************/
/* 外枠設定                                             */
/********************************************************/
/* ページ領域 */
#wrapper{
  width:800px;
	margin:0px auto;
	background:#FFFFFF;
	border:solid 1px #999999;
}

/* テーブル */
table{
	width:100%;
	margin:20px 0px 5px;
}

th{
	background:#EFEFEF;
}

th,
td{
	padding:5px;
	border:solid 1px #CCCCCC;
}

/********************************************************/
/* ヘッダー                                             */
/********************************************************/
#header {
	height:120px;	
	background:#94B24A;
	border-top:solid 4px #BDCF8C;
	border-left:solid 4px #BDCF8C;
	border-right:solid 4px #BDCF8C;
	border-bottom:solid 2px #BDCF8C;
	margin-bottom:20px;
}

#header h1{
	padding:20px 20px 10px;
	font-size:200%;
}

#header h1 a,
#header h1 a:hover{
	color:#FFFFFF;
}

#header p{
	color:#FFFFFF;
	padding:0px 20px;
	font-size:100%;
}


/********************************************************/
/* ページボディ                                         */
/********************************************************/
#pagebody {
  width:100%;
  min-height:300px;
  _height:300px;
	text-align:left;
}


/********************************************************/
/* 文字装飾                                             */
/********************************************************/
/* 文字：通常（文字色はbodyで一括設定） */
p{
	font-size:85%;
	line-height:1.7em;
}

/* 文字：リンク（文字色はここでで設定） */
a{
	color:#495DF4;
	text-decoration:none;
}

a:hover {
	color:#0000CC;
	text-decoration:underline;
}

.red{
	color:red;
}


/********************************************************/
/* 右コンテンツ                                         */
/********************************************************/
#rcontent{
	width:580px;
	margin-right:20px;
	float:right;
}

#rcontent h2{
	font-size:110%;
	line-height:1.5em;
	margin:10px 0px 20px;
	padding-left:10px;
	border-left:solid 8px #94B24A;
}


/********************************************************/
/* 左コンテンツ                                         */
/********************************************************/
#lcontent{
	width:175px;
	margin-left:10px;
	float:left;
	background:#EFEFEF;
}

#lcontent div{
	margin:5px 5px 10px;
	padding:5px;
	background:#BDBAAD;
}

#lcontent div h3{
	font-size:75%;
	padding:5px;
	background:#94B24A;
	border:solid 1px #949684;
	color:#FFFFFF;
	text-align:center;
}

/* Gナビ */
.gnavi li{
	margin:0px;
	padding:0px;
}

.gnavi li a{
	font-size:75%;
	padding:2px 2px 2px 15px;
	display:block;
	background:#EFEFEF url("images/li.gif") 5px 50% no-repeat;
	border:solid 1px #949684;
	color:#8C8A84;
}

.gnavi li a.selected{
	background:#FFFBE7 url("images/li.gif") 5px 50% no-repeat;
	color:#8C8A84;
}


/********************************************************/
/* ページトップへ                                        */
/********************************************************/
.top {
	text-align:right;
	padding-right:20px;
	font-size:75%;
	margin-top:20px;
}

.top a,
.top a:hover{
	color:#8C8A84;
}


/********************************************************/
/* フッター                                             */
/********************************************************/
/* フッター全体 */
#footer {
	background:#F7F7F7;
	border-top:solid 1px #E7E3DE;
}

#footer address{
	color:#FFFFFF;
	font-style:normal;
	font-weight:normal;
	font-size:85%;
	padding:10px;
	background:#8C8A84;
}

#footer address a,
#footer address a:hover{
	color:#FFFFFF;
}

/********************************************************/
/* 余白・位置                                           */
/********************************************************/
/* 位置 */
.center {text-align:center !important;}
.right {text-align:right !important;}
.left {text-align:left !important;}

/* 余白 */
.mt40 {margin-top:40px;}
.mr40 {margin-right:40px;}
.mb40 {margin-bottom:40px;}
.ml40 {margin-left:40px;}

.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

/* 画像位置 */
img {vertical-align:top;}


/********************************************************/
/* フォームの幅・高さ                                   */
/********************************************************/
/* テキスト入力 */
.text,
.select{
	font-size:85%;
	padding:2px;
	border:1px solid #BDBABD;
}

/* 幅 */
.w350{
	width:350px;
}

.w200{
	width:200px;
}

.w150{
	width:150px;
}

.w100{
	width:100px;
}

.w80{
	width:80px;
}

.w60{
	width:60px;
}

.h100{
	height:100px;
}


/********************************************************/
/* その他                                               */
/********************************************************/
/* 回り込みのクリア */
.clear {
  clear:both;
  overflow: hidden;
  display:block;
  font-size:0px;
  margin:0;
  padding:0;
  border:0;
  line-height:0;
}

/* 情報グルーピング用の区切り線 */
.clear hr {display:none;}

/* ソース */
.src{
	border:solid 2px #CCCCCC;
	background:#FFFBE7;
	padding:10px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

.code{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

/* ボタン */
.btn1{
	padding:5px 10px;
}

.btn2{
	padding:5px 5px;
}

.btn3{
	padding:2px 5px;
}

/* OKメッセージ */
.ok_msg{
	border:solid 1px #FFD700;
	padding:10px 25px;
	background:#FFFFDE url("images/icon_ok.gif") no-repeat 7px 50%;
}

.ok_msg a,
.ok_msg a:hover{
	color:#333333;
}

/* NGメッセージ */
p.ng_msg{
	border:solid 1px #FF0000;
	padding:10px 25px;
	background:#FFDFCE url("images/icon_error.gif") no-repeat 7px 50%;
}

.ng_msg a,
.ng_msg a:hover{
	color:#333333;
}