@charset "shift_jis";

/*----------------------------------------
	default
----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size:100%;
}

fieldset,img,abbr {
	border:0;
}

caption,th {
	text-align:left;
}

a {
	outline: none;
/*\*/
	overflow: hidden;
/**/
}

/*html*******************/
html {
	height: 100%;
}

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment

	77% = 10px	| 	122% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

body{
	height: 100%;
	color: #5D5D5D;
	font-size: 13px; /* ��{�t�H���g�T�C�Y */
	*font-size: small; /* IE7�����IE6�W���������[�h�p */
	*font: x-small; /* IE6����݊����[�h�p */
	font-family: "���C���I","Meiryo","verdana","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","Osaka","�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
	line-height:1.3;
}
/* for IE6 */
* html body {
	font-family: "�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
}

textarea,
input,
select{
	font:99% arial,helvetica,clean,sans-serif;
}

table{
	font-size:inherit;
	font:100%;
}

* {
font-size: 100%;
font-weight: normal;
font-style: normal;
}

* html div#container {
	height: 100%;
}

/*heading*******************/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

/*images*******************/
img {
	vertical-align: bottom;
	margin:0;
	padding:0;
	border: 0;
}

/*list*******************/
li {
	list-style:none;
}

/*horizontal*******************/
hr {
	display:none;
}

/*em*******************/
em {
	font-style:normal;
	font-weight:bold;
}

/*link*******************/
div#container a:link, a:active, a:visited {
	text-decoration: underline;
	color: #5378c6;
}

div#container a:hover {
	text-decoration: none;
	color: #AB7500;
}

div #container a:focus {
	-moz-outline-style: none;
}

/*��荞�݃N���A*******************/
.clear {
	clear: both;
}

/*clearfix*******************/
.clear:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
}
/* WinIE7 MacIE5 */
.clear{
    display:inline-table;
    zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac �_*/
* html html .clear{
    height:1px;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac ?*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*html {
	overflow-x: hidden;
}
*/
/*img  {
	vertical-align: top;
}*/
/*top page*/


/*==============   �L������   ==============*/
/* float�������{�b�N�X���e�{�b�N�X�̊O�ɂ͂ݏo�����ۂ�����i��������j */
#container:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#container { display:inline-table; }

/* Mac IE �ɂ͓K�p�����Ȃ� \*/
* html #container { height:1px; }
#container { display:block; }
/* */
/* float�������{�b�N�X���e�{�b�N�X�̊O�ɂ͂ݏo�����ۂ�����i�����܂Łj */




#container{
	width:770px;
	margin:0px auto;
	font-size:88%;
}

#pagetop{
	text-align:right;
	margin-top:10px;
}

/*++++++++++++++++++++++++++++++++++++++++
clearfix
++++++++++++++++++++++++++++++++++++++++*/

.clearfix{
    zoom:1;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.clear {
	clear:both;
}


/*++++++++++++++++++++++++++++++++++++++++
�g�b�v�C���[�W
++++++++++++++++++++++++++++++++++++++++*/

.header_btn{
	text-align: right;
}

h1 {
/*  text-indent:-9999px;
	position:absolute;*/
	position:absolute;
	top:0px;
	left:0px;
	width: 10px;
	height: 10px;
	text-indent:-9999px;
	display:none;
}

#topArea{
	width:770px;
}

#topArea div.block{
	width:770px;
	margin:0px;
	padding:0px;
	border:none;
}

#topArea div.block img{
	margin:0px;
	padding:0px;
	border:none;
	display:inline;
	
}

/*++++++++++++++++++++++++++++++++++++++++
DSRC���ĉ��HDSRC/ETC�R���e���c
++++++++++++++++++++++++++++++++++++++++*/

.DSRC_box{
	background-image:url(../images/DSRC_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:1.2em;
	color:#333;
    min-height:329px;
    height:auto !important;
	height: 329px;
}

.DSRC_box p.text_box_01{
	width:330px;
	padding-top:60px;
	padding-left:15px;
}

.DSRC_box p.text_box_02{
	width:330px;
	padding-top:10px;
	padding-left:15px;
	font-weight:bold;
    min-height:100px;
    height:auto !important;
    height:100px;
}

.DSRC_box p.text_box_03{
	width:90%;
	padding-left:15px;
	margin-left:15px;
	margin-top:20px;
	background-color:#A6C2F2;
	padding-top: 5px;
	padding-bottom: 5px;
}



.DSRC_box p.text_box_04{
	width:100%;
	padding-top:3px;
	padding-left:18px;
	font-size:80%;
}

.text_bold{
	font-weight:bold;
}

.DSRC-ETC_contents{
	width:545px;
	padding-left:15px;
	float:left;
}

.DSRC-ETC_contents_02{
	width:545px;
	padding-left:15px;
}

.DSRC-ETC_contents_02 img{
	margin-right:10px;
}

.DSRC-ETC_contents img{
	margin-right:10px;
}

.DSRC-ETC_contents img.mgR_0{
	margin-right:0px !important;
}

.ETC-special_contents{
	width:167px;
	float:right;
	padding-right:30px;
}

.setup-shop{
	width:400px;
	padding-left:15px;
}

.setup-shop p{
	float:right;
}

.setup-shop img{
	width:120px;
	float:left;

}


.setup-shop_02{
	padding-left:15px;
}

.setup-shop_02 p{
	display:inline-block;
	padding-left:10px;
/*	float:right;*/
}

.setup-shop_02 img{
	width:129px;
	float:left;

}

.pr10{
	padding-right:10px;
}

/*++++++++++++++++++++++++++++++++++++++++
02.html
++++++++++++++++++++++++++++++++++++++++*/

#topArea_02{
	width:770px;
	height:286px;
	/*position:relative;
	border:none;
	background-image:url(../images/02img_TOP.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}

/*#02_top_btn{
	width:288px;
	height:179px;
	position: absolute;
	left: 8px;
	top: 100px;
	background-color:#F00;
	border:none;
}

#02_top_btn02{
	width:152px;
	height:18px;
	position: absolute;
	left: 305px;
	top: 261px;
	background-color:#090;
	border:none;
}*/



table.table_spec{
	font-size:88%;
	width:100%;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.table_spec th{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-color:#F0F0FF;
    padding:0.3em 0.5em;
}
.table_spec td{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:0.3em 0.5em;
}



div#Column_01 div.left{
	width:433px;
	float:left;
}

div#Column_01 div.right{
	width:302px;
	float:right;
}


div#Column_04 img.left{
	float:left;
}

div#Column_04 img.right{
	float:right;
}


div#Column_05{
	width:551px;
	float:left;
}

.spec_att{
	font-size:90%;
	margin-top:5px;
}

div#Column_06{
	width:179px;
	float:right;
}

/*++++++++++++++++++++++++++++++++++++++++
03.html
++++++++++++++++++++++++++++++++++++++++*/

#Column03_01{
	margin:0;
	padding:0;
}

#Column03_02 p{
	width:612px;
	margin-left: 150px;
	margin-top: -71px;
}

#Column03_03 img{
	margin:0;
	padding:0;
}

#Column03_03 div.mini_box_L{
	width:348px;
	float:left;
}

#Column03_03 div.mini_box_R{
	width:348px;
	float:right;
}


#Column03_03 div.mini_box_L p{
	text-align:center;
	padding-bottom:5px;
}

#Column03_03 div.mini_box_R p{
	text-align:center;
	padding-bottom:5px;
}


#Column03_03 div.mini_box_in{
	background-image:url(../images/03bg_02.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right: 24px;
	padding-left: 24px;
}

#Column03_04{
	margin:0;
	padding:0;
	border:none;
}

.Column03_04_box01{
	width:414px;
	float:left;
}

.Column03_04_box02{
	width:349px;
	float:right;
}

.Column03_04_box03{
	width:770px;
	height:257px;
}

#Column03_05 dl {
     width:770px;  
    }  
#Column03_05 dt {  
     float:left;  
     width:1em;  
     padding:5px 0 5px 0px;  
     clear:both;  
    }  
#Column03_05 dd {  
     margin-left:1.5em;  
     padding:5px 5px 5px 5px;
    }  

#Column03_05 dt.dl_red {  
     float:left;  
     width:1em;  
     padding:5px 0 5px 0px;  
     clear:both;
	 color:#C00;  
    }  

#Column03_05 dd.dl_red {  
     margin-left:1.5em;  
     padding:5px 5px 5px 5px;
	 color:#C00;  
    }  

/*++++++++++++++++++++++++++++++++++++++++
�X�y�[�X
++++++++++++++++++++++++++++++++++++++++*/

.sp_mb10{
	margin-bottom:10px;
}

.sp_mt20{
	margin-top:20px;
}

.sp_mt30{
	margin-top:30px;
}


.sp_mt10{
	margin-top:10px;
}

.mb5{
	margin-bottom:5px;
	}


.BOX_ITS{
	width:767px;
	background-color:#D7F5B4;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	overflow:auto;
}
	

.img_ITS{
	width:375px;
	float:left;
}
.text_ITS{
	width:370px;
	float:right;
	line-height: 1.5em;
}

.text_ITS_title{
	font-size: 1.2em;
	font-weight: bold;
}

.clear{
	clear:both;
}

.text_box_03 a:link{
	color:#006 !important;
}

.text_att{
	color:#F00;
	margin-left: 1em; /* �u���b�N�S�̂� 1em �E�� */
	text-indent: -1em; /* �擪��1�����̂� 1em ���� */
}

.text_att_02{
	color:#F00;
	margin-left: 1em; /* �u���b�N�S�̂� 1em �E�� */
	text-indent: -1em; /* �擪��1�����̂� 1em ���� */
	padding-left:15px;
	margin-top:30px;
}

.navi_connect{
	width:294px;
	margin-top:-200px;
	margin-left:30px;
	position:relative;
}

.navi_connect_02{
	width:280px;
	margin-top:-135px;
	position:relative;
	color:#6455A3;
}

.navi_connect_03{
	width:290px;
	margin-top:70px;
	position:relative;
	text-align:right;
}
.rendou{
	height:174px;
}