@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:600px;
	margin:50px auto 0px;
	background:#FFFFFF;
	border:solid 1px #999999;
}

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

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


/********************************************************/
/* ページボディ                                         */
/********************************************************/
#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;
}

.title{
	border-left:solid 10px #94B24A;
	line-height:1em;
	padding-left:10px;
	margin:20px 20px 0px;
	font-size:30px;
}


/********************************************************/
/* 余白・位置                                           */
/********************************************************/
/* 位置 */
.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{
	font-size:85%;
	padding:2px;
	border:1px solid #BDBABD;
}

/* 幅 */
.w300{
	width:300px;
}

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

.btn2{
	padding:5px 5px;
}

.btn3{
	padding:2px 5px;
}