@charset "utf-8";

@import url("common.css");

/*
exclude from common.css
-----------------
Win Netscape 4.7
Win IE 3.0
Mac IE 4.5
もしMac IE 5.0も除外なら('?')と記述
*/

/*--------------------------------------------------------
#topWrapper　コンテンツ格納コンテナ
--------------------------------------------------------*/
#topWrapper {
	padding-top:10px;
	float:right;
	clear:right;
	width:570px;
}

/*--------------------------------------------------------
#topMain　トップメイン
--------------------------------------------------------*/
#topMain {
	margin-bottom:12px;
	background:url(/images/top_photo.jpg) no-repeat 0 70px;
	min-height:255px;
	_height:255px;
	text-align:right;
}

#topMain h1{
	width:570px;
	height:69px;
	background:url(/images/top_title.gif) no-repeat left top;
	text-indent:-9999px;
	text-align:left;
}

#topMain p.top{
	padding:0 0 10px 190px;
	text-align:left;
}

/*------------------------------
topForm
------------------------------*/
.topForm{
	padding:9px 10px 0 25px;
	border-left:1px solid #4699EA;
	border-right:1px solid #4699EA;
	background-color:#FFFF99;
	text-align:center;
}

.topForm form table{
	width:100%;
	text-align:left;
}

.topForm form th{
	padding-bottom:5px;
	width:9em;
	vertical-align:middle;
	text-align:right;
}

.topForm form td{
	padding-bottom:5px;
}

.topForm form td.type{
	padding:0 5px 3px;
	width:4.5em;
	font-weight:bold;
	font-size:115%;
	text-align:right;
}

.topForm form img.arrow{
	margin-bottom:5px;
}

.topForm form select,
.topForm form input {
	font-size:115%;
}

.topForm form input.firstCode {
	width:3em;
}

.topForm form input.lastCode {
	width:4em;
}

/* 動的 */
.topForm p,
.topForm2 p {
	color:#F00;
}

/*--------------------------------------------------------
#topMain2　トップメイン　index2用
--------------------------------------------------------*/
#topMain2 {
	margin-bottom:12px;
	background:url(/images/top_bg_02.jpg) no-repeat left  bottom;
	min-height:321px;
	_height:321px;
}

#topMain2 h1{
	width:570px;
	height:68px;
	background:url(/images/top_title_02.gif) no-repeat left top;
	text-indent:-9999px;
}

#topMain2 .flow{
	padding-left:317px;
	text-align:right;
}

#topMain2 p.top{
	margin-top:-247px;
	padding-bottom:182px;
	width:300px;
}

/*------------------------------
topForm2  index2用
------------------------------*/
.topForm2{
	padding:9px 13px 0 20px;
	border-left:1px solid #4699EA;
	border-right:1px solid #4699EA;
	background-color:#FFFF99;
	text-align:center;
}

.topForm2 form table{
	width:100%;
}

.topForm2 form td{
	padding:0;
	width:auto;
	text-align:left;
}

.topForm2 form th{
	padding-left:11px;
	background:url(/images/form_item_bg_02.gif) no-repeat left center;
	vertical-align:middle;
	font-weight:bold;
	text-align:left;
}

.topForm2 form .item td{
	padding-top:6px;
}

.topForm2 form td input {
	margin:0;
}

.topForm2 form td input.firstCode {
	width:3em;
}

.topForm2 form td input.lastCode {
	width:4em;
}

.topForm2 form td select{
	margin:0;
}

.topForm2 form td.button{
	width:169px;
}

.topForm2 form td img{
	margin:1px 5px 4px 10px;
}

/*--------------------------------------------------------
エリアページ
--------------------------------------------------------*/
#topWrapper h1.area{
	padding-top:5px;
	width:auto;
	height:auto;
	background:none;
	line-height:1;
	text-indent:0;
	font-size:200%;
}

#topMain p.areaTitle{
	width:570px;
	height:69px;
	background:url(/images/top_title.gif) no-repeat left top;
	text-indent:-9999px;
	text-align:left;
}

#topContents .area .areaLink{
	width:285px;
	float:left;
}

#topContents .area .areaLink h3{
	margin-left:3px;
	padding:2px 0 0 15px;
	background:url(/images/arrow_01.gif) no-repeat left center;
}

#topContents .area .areaLink ul{
	margin:2px 0 10px 3px;
	padding-left:15px;
	list-style-type:none;
}

/*--------------------------------------------------------
#topContents　トップコンテンツ
--------------------------------------------------------*/
#topContents .com{
	margin-bottom:13px;
	padding:10px 5px 0 9px;
	border:1px solid #CCC;
	background:url(/images/top_contents_bg.gif) #FFF repeat-x left top;
}

#topContents .com h2{
	margin-bottom:3px;
	color:#224284;
	font-size:100%;
}

#topContents .com span{
	color:#FF0000;
	font-weight:bold;
}

#topContents .com p{
	margin-top:3px;
	padding:2px 100px 2px 15px;
	background:url(/images/arrow_01.gif) #FFF no-repeat 0 0.4em;
}

#topContents .com p a{
	font-weight:bold;
}

#topContents .com p.comLink{
	margin:-1.8em 0 0 415px;
	padding:3px 0 10px 15px;
	font-size:85%;
	zoom:1;
}

#topContents .com p.comLink a{
	font-weight:normal;
}

#topContents h2 img{
	margin-bottom:8px;
}

#topContents .contentsBox1,
#topContents .contentsBox2{
	margin-bottom:8px;
	width:280px;
}

#topContents .contentsBox1{
	float:left;
	clear:left;
}

#topContents .contentsBox2{
	float:right;
	clear:right;
}

#topContents .contentsBox1 p,
#topContents .contentsBox2 p{
	padding:5px 5px 5px 8px;
	border:1px solid #CCC;
	background:url(/images/top_contents_bg.gif) #FFF repeat-x left top;
}

#topContents .contentsBox1 a,
#topContents .contentsBox2 a{
	padding:5px 0 1px 15px;
	display:block;
	background:url(/images/arrow_01.gif) #FFF no-repeat 0 0.6em;
}

#topContents .contentsBox1{
	float:left;
	clear:left;
}

#topContents .contentsBox2{
	float:right;
	clear:right;
}

#topContents .contentsBox1 h3,
#topContents .contentsBox2 h3{
	padding:2px 0 2px 8px;
	color:#FFF;
	background:url(/images/top_contents_caption_bg.gif) #999 repeat-x left bottom;
	font-weight:bold;
}

#topContents .button{
	padding-top:15px;
	clear:both;
	text-align:center;
}

#topContents .comment {
	margin-bottom:20px;
}

/* .area */
#topContents .area {
	margin-bottom:10px;
	padding:5px 0 0;
	clear:both;
}

#topContents .area h2{
	margin-bottom:5px;
	padding:3px 5px;
	color:#FFF;
	background:#666;
	font-size:100%;
}

#topContents .area-list{
	margin-bottom:16px;
}

#topContents .area-list ul{
	margin:0;
	width:570px;
}

#topContents .area-list li{
	margin:0;
	padding: 0 10px 3px 0;
	float:left;
	width:170px;
	list-style: none;
}

/*--------------------------------------------------------
#topInfo　トップ　インフォコンテナ
--------------------------------------------------------*/
#topInfo {
	padding:3px 6px 4px;
	clear:both;
	color:#FFF;
	background:#666;
	line-height:1.5;
	font-size:85%;
	text-align:right;
}

#topInfo a{
	color:#FFF;
}

/*--------------------------------------------------------
#groupLink　トップ　グループリンクコンテナ
--------------------------------------------------------*/
#groupLink {
	margin:15px 0 10px;
	float:left;
	clear:left;
	width:570px;
}

#groupLink table{
	border-top:solid 1px #999;
}

#groupLink .logo{
	margin-right:8px;
	vertical-align:text-bottom;
}

#groupLink .title{
	padding:4px 0 6px;
	font-weight:bold;
}

#groupLink .houjin{
	margin-top:4px;
	padding-top:4px;
	border-top:solid 1px #999;
}

#groupLink .text{
	font-size:11px;
}

#groupLink .text span{
	font-weight: bold;
}

#groupLink .linehidden{
	position:relative;
	top:-15px;
	width:595px;
	height:11px;
	background-color:#FFF;
}

/*--------------------------------------------------------
#secure　トップ　セキュアシールコンテナ
--------------------------------------------------------*/
#secure {
	float:left;
	width:210px;
	text-align:center;
}

#secureArea {
	margin:10px 50px;
	text-align:right;
}

/*--------------------------------------------------------
#mainte　メンテ画面
--------------------------------------------------------*/
#mainte p{ 
	margin-bottom:30px;
}

#mainte table{
	width:100%;
}

#mainte th {
	background-color:#F4F4F4;
	color:#CC0000;
}

#mainte td,
#mainte th {
	padding:8px;
	border:1px solid #666;
}

#mainte{
	margin:20px auto 40px;
	width:600px;
}

/*--------------------------------------------------------
#freedial
--------------------------------------------------------*/
#freedial {
	padding:0 0 20px;
}

#freedial .notice {
	margin:4px auto 0;
	padding-left:1em;
	text-indent:-1em;
	width:430px;
	text-align:left;
	color:#F00;
}