@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:#600060;
	text-decoration:underline 1px solid;
}
a:link {
}

a:hover{
	text-decoration:none;
}

a:visited {
	color:;
	text-decoration:none;
}

a:focus {
}

a:hover {
}


/* 

input:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}


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

*/

/*---------------------------------------
	block
-----------------------------------------*/

/*--- clear fix ---*/

.blockA,.blockB,.blockC,.blockD,.blockE,.blockF,.blockG {
	overflow:hidden;
	zoom:1;
}

/*--- box size ---*/

.blockA { width:590px; height:340px; margin:auto; }　/*-- history --*/
.blockA .boxR{}
.blockA .boxL{}


.blockB{}
.blockB .boxL{}
.blockB .boxR{}


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

.headingA {
}
.headingA h2{
}

.headingB {
}
.headingB h3 {
}

.headingC {
}
.headingC h4{

}

/* -----------------------------------
	section
----------------------------------- */
.sectionA {
	width:590px;
	margin:20px auto 0 auto;
	padding-bottom:20px;
	overflow:hidden;
	zoom:1;
}

.sectionA .boxL {
	width:260px;
}
.sectionA .boxR {
	width:310px;
}

.sectionB {
	width:590px;
	margin:20px auto 0 auto;
	padding-bottom:20px;
	overflow:hidden;
	zoom:1;
}

/*ロールオーバー時にふわっとさせる指定*/
.sectionA p a img,
.sectionB p a img {
	filter: alpha(opacity=100);
	-moz-opacity:100;
	opacity:100;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.sectionA a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.sectionB a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.sectionB .boxL {
	width:285px;
}
.sectionB .boxR {
	width:285px;
}

.sectionC {
}

.sectionC {
}

/*---------------------------------------
	margin 
-----------------------------------------*/

.mt1 {
	margin-top: 1em;
}
.mt2 {
	margin-top: 2em;
}
.mt3 {
	margin-top: 3em;
}

.mb0_5 {
	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;
}

/*---------------------------------------
	text 
-----------------------------------------*/
.txt_l {
	text-align: left;
}
.txt_r {
	text-align: right;
}
.txt_c {
	text-align: center;
}

/*---------------------------------------
	image
-----------------------------------------*/
.img_l {
	float: left;
	margin: 0 20px 20px 0;
}
.img_r {
	float: right;
	margin: 0 0 20px 20px;
}
.img_c {
	text-align: center;
}

/*---------------------------------------
	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{
	list-style:disc !important;
	margin-left:15px;
}
.liststyleA li{
}

.liststyleB{}
.liststyleB li{}

.liststyleC{}
.liststyleC li{}

/*---------------------------------------
	definition-style
-----------------------------------------*/

.definition-styleA {
	font-size:114%;
}

.definition-styleA dt {
	color:#6C3A73;
	font-weight:bold;
}

.definition-styleA dd {
	margin-bottom:10px;
}


.definition-styleB {
}

.definition-styleB dt {
}

.definition-styleB dd {
}

.definition-styleC {
}

.definition-styleC dt {
}

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

.tablestyleB {
	width:100%;
	border:solid 1px #ccc;
	background:#fff;
}
.tablestyleB th {
	background:#efefef;
	font-weight:bold;
}
.tablestyleB td {
	width:20%;
}
.tablestyleB th,
.tablestyleB td {
	padding:5px;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	text-align:center;
}

/*---------------------------------------
	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 {
}

.pagetop p {
}

.pagetop p a {
}

/*---------------------------------------
	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; }
/* */