@import url("default.css");
@import url("common.css"); 


body {
	background: #f3f3f3 url(../img/popup_bg_body.gif) top center repeat-y;
	color: #333;
	text-align: center;
}
#popup {
	margin: 0 auto;
	width: 732px;
	font-size: 108%;
}
/*--------------------------------------
  ヘッダー
---------------------------------------*/
#head {
	background: #f3f3f3 url(../img/popup_bg_head.gif) top center no-repeat;
	margin: 0 9px 0 10px;
	_margin: 0 9px 0 11px;
	width: 713px;
	height: 52px;
}
#head .left {
	margin-top: 13px;
	width: 156px;
	padding-left:16px;
}
#head .right {
	margin-top: 21px;
	width: 500px;
	padding-right:18px;
	text-align: right;
}
#head .logo {
	margin-left: 41px;
}

/*--------------------------------------
  メインビジュアル
---------------------------------------*/
#mainvisual{
	margin: 0 8px 0 12px;
	_margin: 0 7px 0 13px;
}


/*--------------------------------------
  コンテンツエリア
---------------------------------------*/
#contents {
	margin: 0 9px 0 10px;
	width: 680px;
	_width: 710px;
}
#contents h1 {
	margin-bottom: 15px;
}
#contents .section {
	clear:both;
	width: 670px;
	margin: 0 5px 20px 5px;
}

div.hr{
	margin: 1px 10px 0 12px;
	_margin: 1px 11px 0 13px;
}
/*--------------------------------------
  フッター
---------------------------------------*/
#foot {
	border-top:1px solid #dadada;	
	margin: 0 8px 20px 10px;
	_margin: 0 7px 20px 11px;
	width: 681px;
	_width: 711px;
}
#foot .copyright{
	clear: both;
	padding-top: 5px;
	width: 680px;
	font-size: 77%;
	text-align:right;
}

/*--------------------------------------
ページ内リンク
---------------------------------------*/
.innerLink {
	overflow: auto;
	border-top:1px solid #e4e4e4;
	background: #eeeeee url(../img/bg_innerlink.gif) bottom center no-repeat;
	margin: 1px 0 30px 0;
	padding:10px 10px 20px 10px;
}
.innerLink  ol,
.innerLink  ul{
	width: 650px;
}

.innerLink  ol li{
	width: 636px;
}

/*--------------------------------------
ページ内リンク
---------------------------------------*/
.tokuteiInnerLink {
	overflow: auto;
	border-top:1px solid #e4e4e4;
	margin: 1px 0 30px 0;
	padding:10px 10px 20px 10px;
}
.tokuteiInnerLink  ol,
.tokuteiInnerLink  ul{
	width: 660px;
	list-style:none;
	margin: 0;
	padding: 0;
}

.tokuteiInnerLink  ol li{
	width: 646px;
	list-style:none;
	margin: 0;
	padding: 0 0 0 14px;
	float:left;
	background: url(../img/icon_innerlink.gif) 0 0.5em no-repeat;
	clear:both;
}
.tokuteiInnerLink.mgnbtm15 {
	margin-bottom: 15px;
}


/* Win Hack */
*+html body .tokuteiInnerLink  ol li{
	width: 100%;
}
* html body .tokuteiInnerLink  ol li{
	width: 100%;
}
.tokuteiInnerLink  ul li{
	list-style:none;
	margin: 0;
	padding: 0 0 10px 0;
	clear:both;
}
.tokuteiInnerLink  ol li a{
	display:block;
}

.tokuteiInnerLink  ol li img{
	float:left;
}

.tokuteiInnerLink  ol li span{
	float:left;
	padding-bottom: 5px;
	width: auto;
	display:block;
	cursor : pointer;
}

div#contents .inq a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/* Win Hack */
*+html body .tokuteiInnerLink  ol li span{
	display: inline-block;
}
* html body .tokuteiInnerLink  ol li span{
	display: inline-block;
}
.tokuteiInnerLink a:link {color: #06c; text-decoration: underline;}
.tokuteiInnerLink a:active {color: #06c; text-decoration: underline;}
.tokuteiInnerLink a:visited {color: #06c; text-decoration: underline;}
.tokuteiInnerLink a:hover {color: #06c; text-decoration: none;}

.tokuteiInnerLink {
	background: #eeeeee url(../../tokutei/img/bg_service_innerlink.gif) bottom center no-repeat;
}
.tokuteiInnerLink  ol li{
	width: 550px;
}
.tokuteiInnerLink  ol li span{
	max-width: 480px;
}

.graybox{
	background: #eeeeee url(../img/bg_graybox_middle.gif) 0 0 repeat-y;
}
.graybox .top{
	background: #eeeeee url(../img/bg_graybox.gif) 0 0 no-repeat;
	line-height:0.1;
	height:13px;
}
.graybox .top div{
	background: #eeeeee url(../img/bg_graybox.gif) top right no-repeat;
	line-height:0.1;
	height:13px;
	margin-left:13px;
}
.graybox div.middle{
	background: url(../img/bg_graybox_middle.gif) top right repeat-y;
	margin-left:13px;
	padding-right:13px;
	overflow: auto;
}
.graybox .bottom{
	clear:both;
	background: #eeeeee url(../img/bg_graybox.gif) bottom left no-repeat;
	line-height:0.1;
	height:13px;
}
.graybox .bottom div{
	background: #fff url(../img/bg_graybox.gif) bottom right no-repeat;
	line-height:0.1;
	height:13px;
	margin-left:13px;
}