@charset "shift_jis";

#contents {
	width:100% !important;
}

body{
	background-image: url(../images/modulox_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	line-height: 1.4;
}
#modulox_concept_wrap {
	width: 900px;
	margin: 0px auto;
}

#modulox_concept_wrap::after {
	content: "";
   display: block;
   clear: both;
}

#modulox_concept_wrap p.back{
	padding: 20px 0px 20px 0px;
	text-align:right;	
}
#modulox_header{
	margin: 0px auto;
	width: 900px;
	height:78px;
	display:block;
	position: relative;
	
}
#modulox_header h1{
	width: 255px;
	height: 30px;
	position:absolute;
	top: 27px;
}
#modulox_header p.back{
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 17px;
	position:absolute;
	left: 859px;
	top: 40px;
}
#modulox_attention{
	padding: 0px;
	width: 900px;
	display: block;
	background-image: url(../images/modulox_bg02.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#modulox_attention p{
	padding: 10px 5px 45px 0px;
	text-align:right;
	clear:both;
}
/*---------------------------*/
#modulox_container{
}
/*---------------------------*/
#modulox_menu{
	width: 230px;
	background-color:#FFF;
	float:left;
}
#modulox_menu ul{
	padding: 0px 0px 16px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
}
#modulox_menu ul#submenu{
	padding: 22px 0px 16px 0px;
}
#modulox_menu ul li{
	padding: 0px 0px 6px 0px;
}
#modulox_menu p{
	padding: 16px 0px 0px 0px;
}
#modulox_menu ul#banner_area{
	margin-top:15px;
	padding: 22px 0px 16px 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
}
/*---------------------------*/
#modulox_contents{
	width: 640px;
	float:right;
	font-size: small;		
}
#modulox_contents .contentstitle{
	margin: 0px 0px 20px 0px;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
}
#modulox_contents .contentstitle h2{
	float:left;
}
#modulox_contents .contentstitle p{
	float:right;
}
/*---------------------------*/
.pagetop{
	padding:0px 0px 20px 0px;
	clear:both;
	text-align:right;
}




/* 201502 add* /

/* clearfix */
.cFix:after,
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.cFix,
.clearfix { min-height: 1px; }

* html .cFix,
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


/* text-align */
.tx_L { text-align: left    !important; }
.tx_C { text-align: center  !important; }
.tx_R { text-align: right    !important; }
.tx_J { text-align: justify; text-justify: inter-ideograph !important; }

/* vertical-align */
.vaTop{ vertical-align: top !important;}
.vaMid{ vertical-align: middle !important; }
.vaBtm{ vertical-align: bottom !important; }

/* float */
.fl_L { float: left  !important; }
.fl_R { float: right !important; }


/* clear */
.clear  { clear: both !important; }


.tx10 { font-size: 10px  !important; }
.tx11 { font-size: 11px  !important; }
.tx12 { font-size: 12px  !important; }
.tx14 { font-size: 14px  !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }


.mb0   { margin-bottom:  0px !important; }
.mb1   { margin-bottom:  1px !important; }
.mb3   { margin-bottom:  3px !important; }
.mb5   { margin-bottom:  5px !important; }
.mb7   { margin-bottom:  7px !important; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb25  { margin-bottom: 25px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb35  { margin-bottom: 35px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb45  { margin-bottom: 45px !important; }
.mb50  { margin-bottom: 50px !important; }
.mb55  { margin-bottom: 55px !important; }
.mb60  { margin-bottom: 60px !important; }
.mb65  { margin-bottom: 65px !important; }
.mb70  { margin-bottom: 70px !important; }
.mb75  { margin-bottom: 75px !important; }
.mb80  { margin-bottom: 80px !important; }
.mb85  { margin-bottom: 85px !important; }
.mb90  { margin-bottom: 90px !important; }
.mb95  { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }



/*201501 ua add*/
div.finish{
	background:#fafafa;
	padding:0.4em 0;
}

div.finish div{
	width:900px;
	margin:0 auto;
}



div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
	padding-top:0.3em;
}

div.finish div ul li{
	margin-bottom:0.5em;
}

div.finish div ul a{
	color:#016ba2;
	text-decoration:none;
}

div.finish div ul a:hover{
	color:#c00;
	text-decoration:underline;
}

/* clearfix

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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
	zoom:1;
}
* html .clearfix {
	height: 1px;/*\*//*/

	height: auto;

	overflow: hidden;

	/**/

}
/* clear

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

.clear {
	clear:both;
}