@charset "UTF-8";
/*===================================
 * file name : common.css
===================================== */

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

	General Style

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

/*---------------------------------------
	float
-----------------------------------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.boxL {
	float: left;
}
.boxC {
	float: left;
}
.boxR {
	float: right;
}
.clear {
	clear: both;
}
/*----------------------------------------------------
	#topic_pass
----------------------------------------------------*/

#topic_pass {
	font-size:92%;
	padding-bottom: 20px;
	width: 960px;
	padding-top:20px;
	margin:0 auto;
}
#topic_pass li {
	display: inline;
}
#topic_pass li a {
	text-decoration: none;
}
#topic_pass li a:hover {
	text-decoration: underline;
}
#topic_pass li em {
	font-weight: bold;
}
/* -----------------------------------
	link elements
----------------------------------- */

a {
	color:#0080cc;
	text-decoration:none;
}
a:link {
}

a:hover{
	text-decoration: underline;
}

a:visited {
	color:#0080cc;
	text-decoration:none;
}

a:focus {
}

a:hover {
}

input:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: �galpha( opacity=80 )�h;
}


a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}

/*---------------------------------------
	block
-----------------------------------------*/
.blockA {
	overflow:hidden;
	zoom:1;
}
.blockB {
	overflow:hidden;
	zoom:1;
}
.blockB .boxL{}
.blockB .boxR{ width:424px;}


.blockD {
	overflow:hidden;
	zoom:1;
}
.blockD .boxL{ width:262px;}
.blockD .boxR{ width:382px;}



.blockF {
	overflow:hidden;
	zoom:1;
}
.blockF .boxL{ width:248px; border:1px solid #ccc; padding-bottom:10px;}
.blockF .boxR{ width:396px;}

.blockG {
	overflow:hidden;
	zoom:1;
}
.blockG .boxL{ width:323px;}
.blockG .boxR{ width:323px;}

.blockH {
	overflow:hidden;
	zoom:1;
}
.blockH .boxL{ width:212px; padding-right:15px;}
.blockH .boxR{ width:212px;}
.blockH p{ font-size:100%!important;}

.blockI {
	overflow:hidden;
	zoom:1;
}
.blockI .boxL{ width:223px;}
.blockI .boxR{ width:409px;}

.blockJ {
	overflow:hidden;
	zoom:1;
}
.blockJ .boxL{ width:212px;}
.blockJ .boxR{ width:434px;}

.blockK {
	overflow:hidden;
	zoom:1;
}
.blockK .boxL{ width:323px;}
.blockK .boxR{ width:323px;}

.blockL {
	overflow:hidden;
	zoom:1;
	padding:0 15px;
	margin-bottom:2em;
}
.blockL .boxL{ width:321px; border:1px solid #ccc;}
.blockL .boxR{ width:321px; border:1px solid #ccc;}

.blockL .inner{ padding:10px; overflow:hidden; zoom:1;}

.blockN {
	overflow:hidden;
	zoom:1;
	padding:20px 0 0 0;
}
.blockN .boxL{ width:321px;}
.blockN .boxR{ width:321px;}


/*---------------------------------------
	heading
-----------------------------------------*/

.headingA {
	background:url(../img/headingAbg.gif) no-repeat left top;
	position: relative;
	padding:0 0 0 13px;
	margin-bottom:40px;
	line-height:24px;
}
.headingA h2{ font-size:174%; font-weight:bold; color:#333333;}

.headingB {
	margin-bottom:25px;
}
.headingB h3 {
	font-size:129%;
	font-weight:bold;
	color:#0080cc;
}
.headingC {
	margin-bottom:15px;
}

.headingC h3{ font-size:129%;
	font-weight:bold;
	color:#0080cc;}


.headingD {
	background:url(../img/heading_bg_bottom02.gif) no-repeat right bottom;
	position: relative;
	width:696px;
	margin-bottom:15px;
}
.headingD h2{ background:url(../img/heading_bg_top02.gif) no-repeat left top;  padding:9px 0px 8px 10px; font-size:129%; font-weight:bold;}
.headingD h2 .icon-info{ background:url(../img/icon_info.gif) no-repeat left top; padding-left:23px; }
.headingD h2 .icon-blog{ background:url(../img/icon_blog.gif) no-repeat left top; padding-left:23px; }

.headingD p{ position:absolute; top:11px; right:12px;}

.headingD p a{ width:66px; height:14px; background:url(../img/btn_index.gif) no-repeat; text-indent:-9999px; display:block;}

.headingE h2 {
	background:url(../img/heading_bg_bottom01.gif) no-repeat right bottom;
	position: relative;
}
.headingE h2 a{ background:url(../img/icon_allow03.gif) no-repeat 10px center; padding:9px 0px 8px 28px; font-size:129%; font-weight:bold; display:block;}

.headingQ {
	background:url(../img/heading_bg_bottom03.gif) no-repeat right bottom;
	position: relative;
	width:696px;
	cursor:pointer;
}
.headingQ h2{ background:url(../img/heading_bg_top03.gif) no-repeat left top; padding:9px 0px 8px 47px; font-size:129%; font-weight:bold; color:#333333;}

.lineh{border-bottom:2px solid #0E88CF;}
/* -----------------------------------
	section
----------------------------------- */
.sectionA {
	padding:0 15px;
}
.sectionB {
}
.sectionC {
	margin-bottom:40px;
}
.sectionC .inner{
	padding:15px 15px 0px 15px;

	}

.sectionD{ padding:10px 15px 1em 47px; background:url(../img/icon_a.gif) 12px 12px no-repeat; border:1px solid #e1e1e1;}
*+html .sectionC {
}
/*---------------------------------------
	margin
-----------------------------------------*/
.mt05 {
	margin-top:0.5em;
}

.mt1 {
	margin-top: 1em;
}
.mt2 {
	margin-top: 2em;
}
.mt3 {
	margin-top: 3em;
}
.mb05 {
	margin-bottom: 0.5em;
}
.mb1 {
	margin-bottom: 1em;
}
.mb1_5 {
	margin-bottom: 1.5em;
}
.mb2 {
	margin-bottom: 2em;
}
.mb3 {
	margin-bottom: 3em;
}
.mb40 {
	margin-bottom:40px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}

.boxmb{ margin-bottom:50px;}
/*---------------------------------------
	text
-----------------------------------------*/
.txt_l {
	text-align: left;
}
.txt_r {
	text-align: right;
}
.txt_c {
	text-align: center;
}
.text-red{
	color:#f00;
}
sub{ font-size:77%;}
/*---------------------------------------
	image
-----------------------------------------*/
.img_l {
	float: left;
	margin: 0 20px 20px 0;
}
.img_r {
	float: right;
	margin: 0 0 15px 15px;
}
.img_c {
	text-align: center;
}
.btn {
}
/*---------------------------------------
	vertical position
-----------------------------------------*/
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
/*---------------------------------------
	nav-tite
-----------------------------------------*/

.nav-title {
}

/* -----------------------------------
	photoframe
----------------------------------- */
.frm{ padding:3px; border:1px solid #e0e0e0; background:#FFF;}

/*---------------------------------------
	list-style
-----------------------------------------*/

ol.no_nom li{
	list-style:none;
	line-height:2.2em;
	}

.liststyleA{}
.liststyleA li{ display: inline; white-space:nowrap; color:#333; font-size:107%;}

.liststyleB { margin:0 10px; margin-bottom:40px;}
.liststyleB li{ background:url(../img/icon_cercle02.gif) no-repeat left 0.4em; padding-left:18px; font-size:107%; margin-bottom:0.25em;}

.liststyleC { overflow:hidden; zoom:1;}
.liststyleC li{ background:url(../img/icon_cercle.gif) no-repeat left 0.2em; padding-left:18px; font-size:107%; margin-bottom:0.5em; white-space:nowrap; margin-right:15px; float:left;}

.liststyleD{ margin-bottom:40px;}
.liststyleD ul li{ background:url(../img/icon_cercle02.gif) no-repeat left 0.3em; margin:0 0 0 1.3em; margin-bottom:1.5em; padding-bottom:1.5em; font-size:107%; line-height:1.75; border-bottom:1px solid #CCC; padding-left:20px;}
.liststyleD ol li{  margin:0 0 0 1.3em; margin-bottom:0.5em; font-size:107%; line-height:1.75;}

.linklist{ padding-top:1em; overflow:hidden; zoom:1;}
.linklist li { padding-left:17px; background:url(../img/icon_allow02.gif) no-repeat left 0.25em; font-size:107%;}

.liststyleE{}
.liststyleE li{ list-style:none; padding-left:20px; margin-bottom:0.5em; font-size:107%; line-height:1.75;}
.liststyleE li.no01{ background:url(../img/icon_no01.gif) no-repeat left 0.2em;}
.liststyleE li.no02{ background:url(../img/icon_no02.gif) no-repeat left 0.2em;}
.liststyleE li.no03{ background:url(../img/icon_no03.gif) no-repeat left 0.2em;}

.liststyleF{ margin-bottom:40px;}
.liststyleF ul li{ background:url(../img/icon_cercle02.gif) no-repeat left 0.3em; margin:0 0 0 1.3em; margin-bottom:1.0em; padding-bottom:1.0em; font-size:107%; line-height:1.75; padding-left:20px;}
.liststyleF ol li{  margin:0 0 0 1.3em; margin-bottom:0.5em; font-size:107%; line-height:1.75;}


.enlarge a{ padding-left:20px; background:url(../img/icon_enlarge.gif) no-repeat left 0.1em; font-size:92%; padding-top:2px; margin-left:6px;}
/*---------------------------------------
	definition-style
-----------------------------------------*/

.definition-styleA {
	margin-bottom: 60px;
}
.definition-styleA dt {
	position: absolute;
	padding-left: 10px;
}
.definition-styleA dd {
	padding-left: 9.5em;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom:1px solid #CCC;
}


.definition-styleB {
	margin-bottom: 45px;
}
.definition-styleB dt {
	position: absolute;
	padding-left: 10px;
}
.definition-styleB dd {
	padding-left: 9.5em;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom:1px solid #CCC;
}

.definition-styleC {
	margin-bottom: 40px;
}
.definition-styleC dt {
	position: absolute;
	padding-left: 10px;
}
.definition-styleC dd {
	padding-left: 9.5em;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom:1px solid #CCC;
}

.definition-styleD {
	margin-bottom: 40px;
}
.definition-styleD dt {
	position: absolute;
	padding-left: 10px;
}
.definition-styleD dd {
	padding-left: 12em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #CCC;
}

.definition-styleE {
	margin-bottom: 40px;
}
.definition-styleE dt {
	position: absolute;
	padding-left: 10px;
}
.definition-styleE dd {
	padding-left: 12em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	/*border-bottom:1px solid #CCC;*/
}


.history_list{ font-size:107%;}
.history_list dt{ position: absolute;}
.history_list dd{
	padding-left: 9.5em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/dod_line.gif) repeat-x left bottom;
	}

/*---------------------------------------
	table01
-----------------------------------------*/
.tablestyleA {
}
.tablestyleA table {
	width: 100%;
}
.tablestyleA th {
	font-weight:bold;
	background-color: #F5F5F5;
}
.tablestyleA th, .tablestyleA td {
	padding:10px;
	border:1px solid #CCCCCC;
}

.aline_t{ vertical-align:top;}
.aline_m{ vertical-align:middle;}


/*---------------------------------------
	formstyleA
-----------------------------------------*/

.formstyleA dt,
.formstyleA dd{
	display: inline;
	padding-right: 2px;
	}

.formstyleB ul{
	overflow:hidden;
	zoom:1;
	}

.formstyleB li{
	float:left;
	margin-right:15px;
	}

.textfild01 input{
	width: 400px;
	height: 30px;
	font-size: 15px;
	padding:0px 5px 0px 5px;
	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: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	}

.textfild02 input{
	width: 360px;
	height: 30px;
	font-size: 15px;
	padding:0px 5px 0px 5px;
	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: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	}

.textfild025 input{
	width: 105px;
	height: 30px;
	font-size: 15px;
	padding:0px 5px 0px 5px;
	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: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	}


.textfild03 input{
	width: 217px;
	height: 30px;
	font-size: 15px;
	padding:0px 5px 0px 5px;
	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: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	}


.textfild04 input{
	width: 172px;
	height: 30px;
	font-size: 15px;
	padding:0px 5px 0px 5px;
	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: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	}

.textfild05 textarea{
	width: 400px;
	font-size: 15px;
	padding:5px;
	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: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	outline:0;
	}

span.requisite { color: #F30; font-weight:bold; }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover {
	border:1px solid #0080cc;
}
/* -----------------------------------
	form items
----------------------------------- */
form {
	margin: 0;
	padding: 0;
}
input[type="text"], textarea {
	font-family: inherit;
}

/* -----------------------------------
	inline elements
----------------------------------- */
em {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}
strong {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}
a.linkout {
	background-image: url(../img/ico_linkout.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
a.pdf {
	margin-bottom:0px;
	background-image: url(../img/ico_pdf.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*---------------------------------------
	pagetop
-----------------------------------------*/
.pagetop {
	clear:both;
	overflow:hidden;
	zoom:1;
	width:960px;
	margin:0 auto;
	margin-bottom:10px;
}

.pagetop p {
	float:right;
	margin-top:10px;
}
.pagetop p a {
	padding-left:16px;
	background:url(../img/ico_pagetop.gif) no-repeat left center;
}

/*---------------------------------------
	slideshow
-----------------------------------------*/
*{list-style:none; margin:0; padding:0;}

#slide {
	width:916px;/*�\���͈̔͂ł��B���̗v�f�ɂ����ēK�X�ς��Ă�������*/
	height:66px;/*�\���͈̔͂ł��B���̗v�f�ɂ����ēK�X�ς��Ă�������*/
	overflow:hidden;/*���ʂɍl������overflow:hidden;�͕K�v�ł�*/
	position:relative;/*�X���C�h�����Δz�u�ňړ������̂ŁAposition��relative�ł����K�v�������܂�*/
	margin:0 auto;
}
#slideIn {
	position:absolute;/*�X���C�h�����Δz�u�ňړ������̂ŁAposition��absolute�ł����K�v�������܂�*/
	left:0;/*�K�v�ł�*/
	top:0;/*�K�v�ł�*/
}
#slide li {
	float:left;/*���ړ������ꍇ�́A���炩����loat:left;���Ă����܂�*/
	width:100px;
	height:100px;
	margin-right:10px;
}


/*---------------------------------------
	clearfix
-----------------------------------------*/

.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/* for mac ie \*//*/
.clearfix { overflow: hidden; }
/* */