@charset "UTF-8";
body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 9pt;
	background: #009245;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #555;
}

/*回り込みバグフィックス*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*ここまで*/

img {
	margin: 0;
	padding: 0;
}
a {text-decoration: none;
	color: #069;
}
a:hover {text-decoration: underline;
}
a img {
	text-decoration: none;
	border: none;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding:0;
	list-style-type: none;
	line-height: 2em;
}
table {
	border-collapse: collapse;
}
th {
	text-align: left;
}
.twoColLiqRtHdr #container { 
	width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: none;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColLiqRtHdr #header { 
	margin: 0 auto;
	width: 900px;
	background: #FFFFFF; 
	padding: 0 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.twoColLiqRtHdr #header .title_logo {
	float: left;
	margin: 15px 15px 5px 15px;
}
.twoColLiqRtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0 3px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	text-align:right;
	font-size: 0.9em;
	color:#396;
}
.twoColLiqRtHdr #header h2 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 5px 0 0 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	text-align:right;
	font-size: 0.9em;
	color:#777;
	font-weight: 400;
}

/* #sidebar1 に関するヒント：
1. 単位はパーセントであるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
2. 「.twoColLiqRtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
3. 親エレメントが表示された後に Internet Explorer によって幅が計算されるため、単位がパーセントの列では原因不明のバグが発生することがあります。最終的な表示をより正確に予測する必要がある場合は、単位がピクセルの列に変更することができます。
*/

/* メインメニュー */
#mainmenu {
	width: 100%;
	padding: 5px 0 0 0 ;
	background-image: url(../img/mainmenu_bk.png);
	background-repeat: repeat-x;
}
#mainmenu_in {
	width: 900px;	
	margin: 0 auto;
	padding: 0;
}
.twoColLiqRtHdr #guide {
	display:inline-block;
	clear: both; 
	margin: 0;
	padding: 0;
	width: 900px;
	border-bottom: 2px solid #090;	
}
#guide ul {
	margin: 0;
	padding: 0;
	width: 900px;
	line-height: 1.0em;
	}
#guide li {
	margin: 0;
	padding: 0;
	float: left;
	width: 150px;
	text-align: center;
	color: #CCC;
	font-weight:700;
	line-height: 1.0em;
	background-image:url(../img/guide_bk.png);
	border-bottom: 1px solid #FFF;
}
#guide li a {
	display:block;
	width: 100%;
	line-height: 2.5em;
	color: #777;
	text-decoration: none;
}
#guide li a:hover {
	background-image:url(../img/guide_bk.png);
	background-position:0 140px;
	color: #060;
	text-decoration: none;
}
#guide .on {
	background-image:url(../img/guide_bk.png);
	background-position:0 70px;
	color: #FFF;
	text-decoration: none;
}
#guide .on a {
	background-image:url(../img/guide_bk.png);
	background-position:0 70px;
	color: #FFF;
	text-decoration: none;
}
#guide .on a:hover {
	background-image:url(../img/guide_bk.png);
	background-position:0 70px;
	color: #FFF;
	text-decoration: none;
}

/* サブメニュー */
#submenu {
	padding: 5px 0 0 0 ;
	width: 900px;	
	margin: 0 auto;
	padding: 0;
}
.twoColLiqRtHdr #subguide {
	display:inline-block;
	clear: both; 
	margin: 0;
	padding: 0;
	width: 900px;
	background-image:url(../img/submenu_bk.png);
	background-repeat: repeat-x;
}
#subguide ul {
	margin: 0;
	padding: 0;
	width: 900px;
	line-height: 1.0em;
	}
#subguide li {
	margin:  0;
	padding: 0;
	float: left;
	text-align: center;
	color: #CCC;
	font-size: 1.0em;
	font-weight:700;
	line-height: 1.0em;
	background-image:url(../img/subguide_bk.png);
	background-position:right 0px;
	border-bottom: 1px solid #FFF;
}
#subguide li a {
	display:inline-block;
	margin:  0 0 0 0;
	line-height: 2.5em;
	color: #777;
	text-decoration: none;
	padding:0.3em 0.9em 0.2em;
}
#subguide li a:hover {
	background-image:url(../img/subguide_bk.png);
	background-position:right 200px;
	color: #060;
	text-decoration: none;
}
#subguide .on {
	background-image:url(../img/subguide_bk.png);
	background-position:0 100px;
	
	color: #FFF;
	text-decoration: none;
}
#subguide .on a {
	background-image:url(../img/subguide_bk.png);
	background-position:0 100px;
	color: #FFF;
	text-decoration: none;
}
#subguide .on a:hover {
	background-image:url(../img/subguide_bk.png);
	background-position:0 100px;
	color: #FFF;
	text-decoration: none;
}


#wrap {
	width: 900px;
	margin: 0 auto; 
	padding: 0;
	border-top: 3px solid #CCC;
}

.twoColLiqRtHdr #sidebar1 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 244px; 
	background: #EBEBEB; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	margin: 0;
	padding: 10px 0;
	font-size: 0.9em;
	min-height: 555px;
	height: auto !important;
	height:555px;
}

/* フロートボックスの高さをそろえる */
#wrap {
	overflow:hidden;
}
.twoColLiqRtHdr #sidebar1 {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}


*html object {margin-top: -15px;}
.twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
	margin-left: 5px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 5px;
}

/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の右マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この右マージンを削除します。
2. サポートされている最小解像度（800 x 600）でのフローティングエレメントの落下を回避するには、#mainContent div 内のエレメントを 430px 以下にする必要があります（イメージを含む）。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグが回避されます。
*/
.twoColLiqRtHdr #mainContent { 
	margin: 0 244px 0 0; /* 左マージンは、適切に整列されるように、ヘッダーおよびフッターのマージンと同じである必要があります。 */
	padding: 0;
} 

.twoColLiqRtHdr #footer { 
	color: #FFF;
	margin: 0 auto;
	padding: 50px 10px 20px 10px; 
	background-color: #009245;
	background-image: url(../img/footer_bk.png);
	background-repeat: repeat-x;
} 
#footer a {text-decoration: none;
	color: #FFF;
}
#footer a:hover {text-decoration: underline;
}
#footer a img {
	text-decoration: none;
	border: none;
}
.twoColLiqRtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align: center;
}

#footer2 {
	background-color: #009245;
	color: #FFF;
	text-align-right;
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear {
	clear:both;
} 
#login_btn {
	margin: 10px;
	padding: 0;
	text-align: center;
}
*html #login_btn {
	margin-top: 15px;
}
#login_btn img {
	margin: 5px;
}
td {
	padding: 2px 5px;
}
.ra_list1 th {
	font-size: 0.8em;
}
.ami1 td {
	background-color: #DFDFDF;
}
.w650{
	width: 650px;
}
.wp10 {
	width: 10%;
}
.wp15 {
	width: 15%;
}
.wp20 {
	width: 20%;
}
.wp25 {
	width: 25%;
}
.wp30 {
	width: 30%;
}
.wp40 {
	width: 40%;
}
.wp50 {
	width: 50%;
}
.wp75 {
	width: 75%;
}
.wp90 {
	width: 90%;
}
.wp95 {
	width: 95%;
}
.wp100 {
	width: 100%;
}
.mg10 {
	margin: 10px;
}
.mgt10 {
	margin-top: 10px;
}
.mgr10 {
	margin-right: 10px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgl10 {
	margin-left: 10px;
}
.ce {
	text-align: center;
}
.le {
	text-align: left;
}
.ri {
	text-align: right;
}
.big_red {
	font-size: 3.0em;
	font-weight: 700;
	color: red;
}
.posted {
	font-size: 0.8em;
	color: #777;
}
.posted span {
	font-size: 1.2em;
	color: #red;
}
.dot {
	border-bottom: 1px dotted #777;
}


#sidebar1 h3 {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0px 5px 0 5px;
	padding: 7px 2px 2px 33px;
	color: #FFF;
	background-image: url(../img/title_w234_gre.png);
}
#sidebar1 .blk {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0px 10px 0 10px;
	padding: 7px 2px 2px 33px;
	color: #777;
	background-image: url(../img/title_w234_blk.png);
}

.side_box1 {
	border: 1px solid #090;
	margin: 0 5px 10px 5px;
	background-color: #FFF;
}
.side_box_blk {
	border: 1px solid #AAA;
	margin: 0 5px 10px 5px;
	background-color: #FFF;
}

.side_list1 li {
	margin: 10px;
	line-height: 1.3em;
	border-bottom: 1px dotted #CCC;
	width: 194px;
}

.box_650 h3 {
	background-image: url(../img/title_w650_bk.png);
	background-repeat:no-repeat;
	height: 23px;
	line-height:2em;
	font-size: 1em;
	color: #030;
	padding:5px 0 5px 38px;
	margin: 10px 0 0 0;
}
.box_650_in {
	border: 1px solid #AAA;
	background-color:#FCFCFC;
	padding: 10px;
}
div.box_650_in {
	overflow: hidden;
}
table.box_650_in {
	overflow: visible;
}

.box_650_in h4 {
	padding: 0 5px;
	margin: 17px 3px;
	line-height: 1em;
	font-size: 1.3em;
	color: #777;
	border-left: 10px solid #007927;
}
.box_650_in p {
	margin: 5px 0 5px 0;
	padding: 0;
	line-height: 1.5em;
}
.box_650_in b {
	color: #007927;
}
.left_list1 li {
	line-height: 1.3em;
	margin: 10px 0 2px 0;
}

.data_table1 {
	width: 100%;
    border-collapse: collapse;
	border: 1px solid #AAA;
	border-spacing: 0;
}
.data_table1 , x:-moz-any-link{
	border-left: 2px solid #AAA;
}
.data_table1 p {
	margin: 0;
	padding: 0;
	line-height:1.2em;	
}
.data_table1 th {
    border: #AAA solid;
    border-width: 0 0 1px 1px;
	background-color: #E3E3E3;
	padding: 3px 7px;
}

.data_table1 td {
    border: #AAA solid;
    border-width: 0 0 1px 1px;
	padding: 10px 5px 7px 5px;
	line-height: 1.2em;
}
/* 非ログインサービス機能説明リスト */
.listline {
	margin: 0;
	padding: 0;
	width: 95%;
	line-height: 1.0em;
}
.listline li {
	float: left;
	margin: 10px;
	padding:5px 10px;
	background-color: #006837;
	background-image: url(../img/listline_bk_gre.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: 700;
}

span.linkselect_red {
	display: inline-block;
	margin: 10px;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
}
span.linkselect_red a {
	background-image:url(../img/linkselect_bk_red.png);
	padding: 5px 10px;
	display: inline-block;

	line-height: 2.0em;
	color: #FFF;
	text-decoration: none;
}
span.linkselect_red a:hover {
	background-image:url(../img/linkselect_bk_red.png);
	background-position:0 100px;
	color: #C1272D;
	text-decoration: none;
}
.check_list {
}
.check_list li {
	background: url(../img/checkmark.png)  no-repeat 3px 0.4em;
	padding: 14px 7px 10px 47px;
	margin-left: 5px;
	line-height:1.0em;
}
.check_list2 li {
	padding: 2px 7px 2px 7px;
	margin-left: 10px;
	margin-top: 5px;
	line-height:1.2em;
	border-left: 10px solid #FF5500;
}
.l_size {
	font-size: 1.3em;
}
.ll_size {
	font-size: 1.5em;
}

.grad1 {
	background-color: #fff;
	background: url(../img/grad_bk_1.png) ;
	background-repeat: repeat-x;
}

/*IE6対策*/
*html div .fltlft {
	 display: inline;
}
*html div .fltrt {
	 display: inline;
}
*html .twoColLiqRtHdr #sidebar1 {
	 display: inline;
}