@charset "UTF-8";

/* ---------------------------------------------------------
文字リンク設定
--------------------------------------------------------- */

/*リンク色（青）*/
div.cont a:link {color:#333333;
		text-decoration:none;}
div.cont a:visited{color:#0063CE;
		text-decoration:none;}
div.cont a:hover {color:#333333;
			text-decoration:underline;}

/*リンク色（黒）*/
div.cont a.line:link {color:#333333;
			text-decoration:underline;}
div.cont a.line:visited{color:#0063CE;
				text-decoration:underline;}
div.cont a.line:hover {color:#0063CE;
			text-decoration:underline;}


/* ---------------------------------------------------------
メインコンテンツ
--------------------------------------------------------- */
#main770 {
	display:block;
	float:left;
	width:770px;
	padding:0px 0px 0px 20px;
	margin: 0px;
	}
	
div.info_box {
	width:770px;
	height:75px;
	padding:0 0 15px 0;
	margin: 0;
	background:url(../img/info/ttl-bg.jpg) no-repeat;
	}
	
div.cont {
	width:770px;
	padding:0;
	margin: 0;
	}
	
div.box-375l {
	width:355px;
	padding:10px;
	margin: 0 0 15px 0;
	float:left;
	border:1px solid #cccccc;
	}
	
div.box-375r {
	width:355px;
	padding:10px;
	margin:  0 0 15px 0;
	float:right;
	border:1px solid #cccccc;
	}
	
div.link {
	padding:10px 0 15px 0;
	margin:10px 0 0 0;
	border-top:2px solid #6699cc;
	}
	
.box1 {
	padding:5px 10px;
	margin:0px 10px;
	}
	
.atten {
	padding:10px;
	margin:15px 10px;
	background: #C1FCFD;
	}
	
div.assign {
	clear:both;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding:5px;
	margin:10px;
	text-align:center;
	color:#666666;
	}
	
div.step1 {
	width:292px;
	height:95px;
	float:left;
	background:url(../img/info/joken-img02.jpg) no-repeat;
	padding:5px;
	margin:0;
	}
	
div.step2 {
	width:252px;
	height:95px;
	float:left;
	background:url(../img/info/joken-img03.jpg) no-repeat;
	padding:5px;
	margin:0 10px;
	}
	
div.step3 {
	width:172px;
	height:95px;
	float:left;
	background:url(../img/info/joken-img04.jpg) no-repeat;
	padding:5px;
	margin:0;
	}
	
div.step1 p.web {
	margin-left:50px;
	margin-top:5px;
	line-height:1.2em;
	}
div.step1 p.tel {
	margin-left:50px;
	margin-top:3px;
	line-height:1.2em;
	}	
div.step2 p,div.step3 p {
	line-height:1.2em;
	}
	
/* ---タイトル--- */	
div.info_box h1 {
	padding:8px 0 0 80px;
	margin: 0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	}
	
div.cont h2 {
	padding:0 0 15px 20px;
	margin: 0;
	font-size:15px;
	font-weight:bold;
	background:url(../img/info/sttl-bg.jpg) no-repeat 0 2px;
	line-height:31px;
	height:31px;
	color:#000;
	}
	
h3 {
	color:#003399;
	font-size:14px;
	padding:0;
	margin:10px 0 0 0;
	}
	
h3.pass{
	color:#003399;
	font-size:15px;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	height:20px;
	line-height:20px;
	background:url(../img/info/ico-pass.jpg) no-repeat;
	}

h4 {
	font-size:100%;
	font-weight:normal;
	padding:0px 0px 0px 15px ;
	margin:0px;
	}


/* ---テキスト--- */	
div.info_box p {
	padding:2px 0 0 80px;
	margin: 0;
	font-size:12px;
	color:#003399;
	}
	
p.ico-r {
	padding:0 20px 5px 20px;
	margin:0;
	background:url(../img/info/ico-s_right.jpg) no-repeat;
	line-height:14px;
	float:left;
	}
	
p.ico-r2 {
	padding:0 20px 5px 20px;
	margin:0;
	background:url(../img/info/ico-s_right.jpg) no-repeat;
	line-height:14px;
	float:left;
	clear:both;
	}
	
p.ico-d {
	padding:0 0 5px 20px;
	margin:0;
	background:url(../img/info/ico-s_down.jpg) no-repeat;
	line-height:14px;
	}
	
p.sentence {
	padding:0 15px;}
	
p.passtxt {
	float:right;
	margin:0 0 15px 0;
	width:345px;
	}
	
.ora10 {
	font-size:10px;
	font-weight:bold;
	color:#FF9900;
	}
	

/* ---リスト--- */		
dl.list {
	width:240px;
	padding:0;
	margin: 0;
	float:left;
	color:#333333;
	}
	
dl.list img{
	padding:0;
	margin: 0;
	float:right;
	}
	
dl.list dt {
	padding:0 0 0 25px;
	margin: 0;
	background:url(../img/info/ico-b.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	}
	
dl.list dt.mtop7 {
	margin-top:7px;
	}
	
dl.list dd {
	padding:5px 5px 0 0;
	margin: 0;
	font-size:12px;
	}
	
dl.qa {
	padding:0;
	margin: 0;
	color:#333333;
	}
	
dl.qa dt {
	padding:0 0 0 33px;
	margin: 0;
	background:url(../img/info/ico-q.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	}
	
dl.qa dd {
	padding:0 0 0 33px;
	margin:10px 0 0 25px;
	font-size:12px;
	background:url(../img/info/ico-a.jpg) no-repeat;
	}
	
ul.info{
	padding:0 10px 10px 30px ;
	margin:0px;
	}

li.info {
	margin:0 0 5px 0;
	padding:0;
	}
li.info0 {
	margin:0;
	padding:0;
	line-height:1.2em;
	font-size:10px;
	}
	
dl.info {
	clear:both;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding:5px 10px;
	margin:10px 10px 20px 0;
	height:35px;
	}

dl.info dt {
	float:left;
	padding:0px;
	margin:0px;
	}

dl.info dd {
	padding:0px 0px 5px;
	margin:0px;
	float:right;
	text-align:right;
	}


/* ---テーブル--- */	
div.cont table{
	background: #6699cc;
	margin:5px 0;
	padding:0;
	font-size:12px;
	}
	
div.cont th{
	background: #3E7BB9;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	}
	
div.cont td{
	background: #ffffff;
	text-align:left;
	}
	
div.cont td.limit{
	text-align: center;
	}
	
div.cont tfoot td{
	text-align: center;
	background: #cccccc;
	}
	
div.cont caption{
	color:#003399;
	font-weight:bold;	
	}
	
div.cont table .book120 {
	font-weight: bold;
	background-color: #FFCCCC;
	text-align:center;
	}

div.cont table .book90 {
	font-weight: bold;
	background-color: #FFB9B9;
	text-align:center;
	}

div.cont table .book60 {
	font-weight: bold;
	background-color: #FFA2A2;
	text-align:center;
	}


/* ---フォーム--- */	
div.cont input{
	margin:0 20px;
	padding:3px 20px;
	font-size:12px;
	}
	
div.cont textarea{
	font-size:90%;
	width:750px;
	height:200px;
	margin:12px 10px;
	}
	

/* ---画像--- */	
.step{
	margin:10px 0 15px 0;
	padding:0;
	}



/* ---------------------------------------------------------
共通
--------------------------------------------------------- */
.dot {
	border-top:1px dotted #6699cc;
	height:5px;
	padding:0;
	margin:10px 0;
	}
.mtop5{ margin-top:5px;}
.mtop10{ margin-top:10px;}
.mleft10{ margin-left:10px;}
.mright5{ margin-right:5px;}
.mright10{ margin-right:10px;}
.mbtm5{ margin-bottom:5px;}
.mbtm10{ margin-bottom:10px;}

