@charset "UTF-8";
/* CSS Document */

/*===== Tag Custom ====*/

/*===== Original ID Setting(Head area)====*/
#headarea{
	background-image: url(../img/head_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 165px;
	width: 910px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 1px;
}
#alsok-logo{
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	float: left;
}
*html #alsok-logo{
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	float: left;
}
#topnav{
	width: 525px;
	float: right;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 42px;
}
#topnav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topnav ul li{
	float: left;
	margin-right: 8px;
}
#globalnav{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	clear: both;
	height: 56px;
	padding-top: 1px;
}
#globalnav ul{
	padding: 0px;
	list-style-type: none;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
*html #globalnav ul{
	margin-top: 7px;
}
#globalnav ul li{
	float: left;
}
#breadcrumb{
	height: 56px;
	margin-left: 12px;
	padding-top: 1px;
}
#breadcrumb p{
	margin-top: 23px;
	font-size: 70%;
	line-height: 1.5em;
}
#breadcrumb a{
	text-decoration: none;
	color: #69F;
}
#breadcrumb a:hover{
	color: #36F;
}
/*===== Original ID Setting(Contents area) ====*/
#maincontainer{
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
/*=====##########################################

Main Contents All Tag Setting(Contents area) 

###########################################====*/
#maincontents{
	float: right;
	width: 680px;
	padding-top: 1px;
}
h1{
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
#maincontents h2{
	font-size: 100%;
	margin-bottom: 0.8em;
	clear: both;
}
#maincontents h2.headcopy{
	font-size: 110%;
	margin-bottom: 1em;
	clear: both;
	line-height: 1.5em;
	color: #1544BA;
	margin-right: 10px;
	margin-left: 10px;
}
#maincontents h2.question{
	font-size: 90%;
	color: #47d;
	background-image: url(../img/question_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0.5em;
	margin-right: 5px;
	margin-bottom: 0.5em;
	margin-left: 5px;
	padding-bottom: 9px;
	padding-left: 100px;
	clear: both;
	line-height: 1.3em;
	padding-top: 9px;
	display: block;
	background-color: #E5F6FF;
}
#maincontents p.answer{
	line-height: 1.5em;
	background-image: url(../img/answer_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 100px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 2em;
}
#maincontents h3{
	font-size: 90%;
	color: #47d;
	background-image: url(../img/h3_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0.5em;
	margin-right: 5px;
	margin-bottom: 0.5em;
	margin-left: 5px;
	padding-bottom: 0.3em;
	padding-left: 5px;
	clear: both;
}
#maincontents h3.nobody{
	margin-bottom: 1.5em;
}
#maincontents h3.senior{
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	padding-bottom: 0.3em;
	padding-left: 2px;
}
#maincontents h3.senior strong{
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	padding-bottom: 0.3em;
	padding-left: 2px;
}
#maincontents h3 a{
	background-image: url(../img/jump_head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.2em;
	padding-left: 12px;
}
#maincontents h3 a:hover{
	background-image: url(../img/jump_head_on.gif);
}
#maincontents h4{
	font-size: 80%;
	color: #F60;
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	padding-bottom: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#maincontents p{
	font-size: 80%;
	line-height: 1.5em;
	color: #333;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 10px;
	margin-top: 0.5em;
}
#maincontents p em{
	font-weight: normal;
	color: #F60;
	font-style: normal;
}
#maincontents p strong{
	font-weight: bold;
	color: #F60;
	font-style: normal;
	font-size: 110%;
}
#maincontents p.caps{
	font-size: 70%;
	color: #666;
}
#maincontents p.right-adjust{
	text-align: right;	
}
#maincontents a{
	color: #06C;
	text-decoration: none;
}
#maincontents a:hover{
	color: #69F;
	text-decoration: underline;
}
#maincontents  ul{
	margin: 0px 0px 1em;
	padding: 0px;
	list-style-type: none;
}
#maincontents ul li{
	font-size: 80%;
	line-height: 1.2em;
	background-image: url(../img/li_head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	padding-left: 10px;
	margin: 0.25em 10px 0.5em;
}
#maincontents ul li ul li{
	font-size: 100%;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	background-image: url(../img/lili_head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	padding-left: 10px;
}
#maincontents  ol{
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 2em;
}
#maincontents ol li{
	font-size: 80%;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	margin-right: 10px;
	margin-left: 10px;
	color: #333;
}
#pagenav{
	background-image: url(../img/pagenav_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
}
*html #pagenav{
	padding-top: 5px;
}
#maincontents #pagenav ul{
	background-image: url(../img/pagenav_ul_back.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	list-style-type: none;
	display: block;
	padding: 0px 5px 10px;
	clear: both;
}
#maincontents #pagenav ul li{
	font-size: 80%;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}
#maincontents #pagenav ul li a{
	display: block;
	padding-left: 13px;
	white-space: nowrap;
	background: url(../img/downlink_head.gif) no-repeat 0px 0.3em;
}
#maincontents p.backtop{
	clear: both;
	text-align: right;
	font-size: 70%;
	margin-bottom: 20px;
	margin-top: 1em;
}
#maincontents p.backtop a{
	background-image: url(../img/backtop_head.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	color: #06C;
	text-decoration: none;
}
#maincontents p.backtop a:hover{
	background-image: url(../img/backtop_head_on.gif);
	color: #69F;
	text-decoration: underline;
}
#maincontents p.jump a{
	background-image: url(../img/jump_head.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	color: #06C;
	text-decoration: none;
}
#maincontents p.jump a:hover{
	background-image: url(../img/jump_head_on.gif);
	color: #69F;
	text-decoration: underline;
}
#maincontents .img-main{
	float: left;
	margin-right: 15px;
	margin-bottom: 1em;
}
#maincontents .img-sub{
	float: right;
	margin-bottom: 1em;
	margin-left: 15px;
}
#maincontents .img-icon{
	float: left;
	margin-bottom: 1em;
	margin-left: 10px;
}
#maincontents .flow-block{
	float: right;
	width: 575px;
	background-image: url(../img/flow_arrow02.jpg);
	background-repeat: no-repeat;
	background-position: 180px bottom;
	padding-bottom: 45px;
}
#maincontents .flow-block-last{
	float: right;
	width: 575px;
}

#maincontents table{
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 10px;
	border: 1px solid #999;
	border-collapse:collapse;
	clear: both;
}
#maincontents table ul li{
	font-size: 100%;
	margin-left: 0px;
}
#maincontents table caption{
	font-size: 80%;
	font-weight: bold;
	color: #036;
	text-align: left;
	padding-bottom: 0.3em;
}
#maincontents table th{
	margin: 0px;
	border: 1px solid #999;
	font-size: 80%;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
#maincontents table td{
	border: 1px solid #999;
	font-size: 80%;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
#maincontents table thead th{
	background-color: #6C86D3;
	color: #FFF;
}
#maincontents table thead td{
	background-color: #6C86D3;
	color: #FFF;
	font-weight: bold;
}
#maincontents table tbody th{
	color: #333;
	background-color: #DFEEFA;
	text-align: left;
}
#maincontents table tbody th.division{
	background: #97C4FD;
	font-weight: bold;
}
#maincontents table tbody td{
	background-color: #FFF;
	color: #333;
}
#maincontents table tfoot th{
	background-color: #FFB27F;
}
#maincontents table tfoot td{
	background-color: #FC9;
}
#maincontents table table{
	padding: 0px;
	border-collapse:collapse;
	clear: both;
	margin: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#maincontents table table td{
	margin: 0px;
	padding: 0px 1em 0.5em 0px;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	border-style: none;
}
#maincontents .column-area ul{
	padding: 0px;
	margin-top: 0em;
	margin-right: 15px;
	margin-bottom: 1em;
	margin-left: 15px;
}
#maincontents .column-area ul li{
	margin-bottom: 0.5em;
	margin-right: 0px;
	margin-left: 0px;
}
#maincontents .column-area{
	border: 1px solid #CCC;
	background-color: #F6F9FE;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 10px;
	clear: both;
}
#maincontents .column-area h2{
	font-size: 100%;
	color: #333;
	margin-top: 10px;
	margin-bottom: 0.5em;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 0.3em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #69C;
	padding-left: 5px;
}
#maincontents .column-area h3{
	font-size: 80%;
	color: #036;
	margin-right: 15px;
	margin-bottom: 0.5em;
	margin-left: 15px;
	margin-top: 0.5em;
	background-image: none;
	padding-bottom: 0px;
	padding-left: 0px;
}
#maincontents .column-area h3.column{
	font-size: 90%;
	color: #333;
	margin-top: 10px;
	margin-bottom: 0.5em;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 0.3em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #69C;
	padding-left: 5px;
}
#maincontents .column-area p{
	margin-right: 15px;
	margin-left: 15px;
}
#maincontents .column-left{
	float: left;
	width: 325px;
}
#maincontents .column-right{
	float: right;
	width: 325px;
}
#maincontents dl.history{
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#maincontents dl.history dt{
	font-size: 80%;
	line-height: 1.5em;
	font-weight: bold;
	color: #36C;
	padding-left: 1em;
	background-image: url(../img/history_dt_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.8em;
}

#maincontents dl.history dd{
	line-height: 1.5em;
	margin-top: -1.5em;
	margin-bottom: 1.5em;
	font-size: 80%;
	margin-left: 13.5em;
}
#maincontents table.history{
	padding: 0px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
#maincontents table.history td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
.block-wrapper{
	clear: both;
	margin-bottom: 10px;
}
.block2-left{
	float: left;
	width: 330px;
}
.block2-right{
	float: right;
	width: 330px;
}
#maincontents .block2-left p,#maincontents .block2-right p{
	margin-bottom: 0.5em;
}
.block2-left,.block2-right{
	margin-bottom: 1em;
}
.block3-wrapper{
	float: left;
	width: 449px;
}
.block3-left{
	float: left;
	width: 218px;
}
.block3-center{
	float: right;
	width: 218px;
}
.block3-right{
	float: right;
	width: 218px;
}
#maincontents .block3-left p,#maincontents .block3-center p,#maincontents .block3-right p{
	margin-bottom: 0em;
}
.block3-left,.block3-center,.block3-right{
	margin-bottom: 1em;
}
.block4-wrapper-right{
	float: right;
	width: 335px;
}
.block4-wrapper-left{
	float: left;
	width: 335px;
}
.block4-right{
	float: right;
	width: 163px;
	margin-bottom: 1em;
}
.block4-left{
	float: left;
	width: 163px;
	margin-bottom: 1em;
}
#maincontents .block4-left p,#maincontents .block4-right p{
	margin-bottom: 0em;
}
#maincontents .float-clear{
	clear: both;
}
#maincontents .mainimage-floater{
	float: left;
	width: 294px;
}
#maincontents .mainimage-floater2{
	width: 220px;
}
#maincontents .maincopy-floater{
	float: right;
	width: 381px;
}
#maincontents .maincopy-floater2{
	width: 453px;
}
*html #maincontents .maincopy-floater{
	float: right;
	width: 371px;
}
#maincontents .maincopy-floater p,#maincontents .maincopy-floater h4,#maincontents .maincopy-floater ul,#maincontents .maincopy-floater ul li{
	margin-left:0px;
}
#maincontents .maincopy-floater p,#maincontents .mainimage-floater p{
	margin-top:0px;
}

#maincontents #privacy{
	margin-right: 10px;
	margin-left: 10px;
	overflow: auto;
	border: 1px solid #999;
	margin-bottom: 15px;
	background-color: #EFEFE5;
	height: 10em;
	padding-right: 5px;
	padding-left: 5px;
}
#maincontents #privacy p.call{
	margin: 10px;
	padding: 10px;
	border: 1px solid #999;	
}
#maincontents #privacy p.call em{
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #333;
}
#maincontents p.sousin{
	text-align: center;
	margin-top: 3em;
}
#maincontents .mailform{
}
#maincontents .mailform th{
	font-weight: normal;
}
#maincontents .mailform span{
	font-size: 80%;
	color: #F00;
}
#maincontents .hissu{
	font-size: 80%;
	color: #F00;
}
#maincontents .entry-button{
	clear: both;
	margin-bottom: 30px;
}
#maincontents a.link-blank{
	background-image: url(../img/link_blank.gif);
	background-repeat: no-repeat;
	background-position: right 0.2em;
	padding-right: 18px;
}
#maincontents a.link-blank:hover{
	background-image: url(../img/link_blank-on.gif);
}
#maincontents .entryarea,#maincontents .formarea{
	text-align: center;
	clear: both;
	margin-bottom: 30px;
}
#maincontents .rnarea{
	clear: both;
	margin-bottom: 30px;
	margin-left: 220px;
}
#maincontents .rnarea2{
	clear: both;
	margin-bottom: 30px;
	margin-left: 260px;
}
/*End of Main Contents All Tag Setting(Contents area) */
#sidebar{
	float: left;
	width: 190px;
	padding-top: 1px;
}
#sidebar h2{
	margin: 0px;
	padding: 0px;
}
#sidebar h2.information{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#connav{
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #94ADC7;
	border-right-color: #94ADC7;
	border-bottom-color: #94ADC7;
	border-left-color: #94ADC7;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-color: #F8F8F8;
}
#connav li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94ADC7;
	margin: 0px;
	padding: 0px;
}
#connav li img{
	vertical-align: bottom;
}
#connav li ul{
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #94ADC7;
	list-style-type: none;
	background-color: #f8f8f8;
	padding-top: 0.6em;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#connav li ul li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 80%;
	margin-bottom: 0.8em;
	line-height: 1.1em;
	vertical-align: bottom;
}
#connav li ul li a{
	text-decoration: none;
	color: #888;
	padding-left: 10px;
	background-image: url(../img/sidenav_lili_head_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.4em;
	vertical-align: bottom;
}
#connav li ul li a:hover{
	color: #222;
	background-image: url(../img/sidenav_lili_head_on.gif);
}
#connav li ul li .active{
	color: #222;
	background-image: url(../img/sidenav_lili_head_on.gif);
}

#connav li ul li ul{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#connav li ul li ul li{
	font-size: 100%;
}
#connav li ul li ul li a{
	color: #888;
	background-image: url(../img/sidenav_lili_head_off.gif);
}
#connav li ul li ul li a:hover{
	color: #222;
	background-image: url(../img/sidenav_lili_head_on.gif);
}
#connav li ul li ul li .active{
	color: #222;
	background-image: url(../img/sidenav_lili_head_on.gif);
}

#bannerset{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	list-style-type: none;
}
#bannerset li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#bannerset li img{
	vertical-align: bottom;
}

#newslist .new{
	background-image: url(../img/new.gif);
	background-repeat: no-repeat;
	background-position: 7em 0.3em;
	padding-left: 10em;
}

#newslist{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 5px;
	display: block;
}
#newslist dt{
	color: #000;
	font-size: 80%;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#newslist dd{
	color: #666;
	font-size: 80%;
	line-height: 1.5em;
	margin-top: -1.5em;
	margin-right: 5px;
	margin-bottom: 0.8em;
	margin-left: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 7em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #AAA;
}
#newslist a{
	color: #06C;
	text-decoration: none;
}
#newslist a:hover{
	color: #69F;
	text-decoration: underline;
}

#greeting-img{
	float: left;
	width: 220px;
}
#greeting-img img{
	margin-left: 10px;
}
#greeting-word{
	float: right;
	width: 445px;
}
#greeting-word h3{
	clear: none;
}