@charset "utf-8";

/*---------------------------------------------

	css/base.css

----------------------------------------------*/



/*--------------------------------------------

	reset

----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, hr, a, img { 
	margin:0;
	padding:0;
	font-size:100%;
	margin:0;
	padding:0;
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
	background-color: transparent;
	vertical-align: bottom;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

html {
	overflow-y: scroll;
}

body {
	font-size: 12px;
	font-family:
	"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.4;
	text-align: center;
	color: #000;}

/* legacy IE */
* html body {
	font-size:78%;
}

/* IE7 */
*:first-child + html body {
	font-size:78%;
}

strong, a strong {
	font-weight: bold;}

a:link, a:visited, a:active {
	color: #0d3263;}

a:hover {
	color: #3d6293;	!important}





/*--------------------------------------------

	common class

----------------------------------------------*/

/*	clear
----------------------------------------------*/
.clear {
	clear: both;
	float: none;}
div.clear {
	height: 0;
	padding: 0;
	margin: 0;}
div.clear hr {
	display: none;}


.clClear{
	clear: both;
	height: 0;}
.clClear hr{
	display: none;}
br.clClear{
	line-height: 0;}


/*	clearfix
----------------------------------------------*/
/* for modern brouser */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*	for dreamweaver	*/
.clearfix + *{ clear: both; }
/*	End hide from dreamweaver	*/



/*	float
----------------------------------------------*/
.float_none {
	float: none;
	clear: both;}

.float_left, .clLeftBox {
	float: left;}

.float_right, .clRightBox {
	float: right;}
	



/*	align-right
----------------------------------------------*/
.align-right {
	text-align: right;}




/*	subject_underline
----------------------------------------------*/
.subject_underline {
	text-align: left;
	background: url(../img/common/red_double_line.gif) repeat-x bottom;
	padding-bottom: 6px;
	margin-bottom: 7px;}


/*	image_title
----------------------------------------------*/
.image_title {
	margin-bottom: 15px;}

#idTitle{
	margin-bottom:15px;
}

/*	content_block
----------------------------------------------*/
.content_block {
	margin-bottom: 30px;}
/*	for icon_list clearfix*/
/* for modern brouser */
.content_block:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.content_block { display: inline-block; }
/* Hides from IE-mac \*/
* html .content_block { height: 1%; }
.content_block { display: block; }
/* End hide from IE-mac */
/*	for dreamweaver	*/
.content_block + *{ clear: both; }
/*	End hide from dreamweaver	*/



/*	icon_list
----------------------------------------------*/
/*	ul	*/
ul.icon_list {
	padding-left: 15px;}
ul.icon_list li {
	background: url(../img/common/ico_red_triangle.gif) no-repeat left 0.4em;
	padding-left: 12px;
	margin-bottom: 5px;
	line-height: 1.5;}

/*	dl	*/
dl.icon_list {
	margin-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 6px;
	background: url(../img/common/gray_dotted_line.gif) repeat-x bottom;}

dl.icon_list dt {
	background: url(../img/common/ico_red_triangle.gif) no-repeat left 0.5em;
	padding-left: 12px;
	margin-bottom: 5px;
	line-height: 1.5;
	float: left;
	width: 100px;}
dl.icon_list dd {
	line-height: 1.5;
	float: left;}

/*	for icon_list clearfix*/
/* for modern brouser */
.icon_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.icon_list { display: inline-block; }
/* Hides from IE-mac \*/
* html .icon_list { height: 1%; }
.icon_list { display: block; }
/* End hide from IE-mac */
/*	for dreamweaver	*/
.icon_list + *{ clear: both; }
/*	End hide from dreamweaver	*/



/*	link_to_view
----------------------------------------------*/
.link_to_view {
	text-align: right;
	font-weight: bold;}
.link_to_view a {
	text-decoration: none;
	min-height: 13px;
	_height: 13px;
	padding-left: 15px;
	font-weight: bold;
	background: url(../img/common/ico_red_square.gif) no-repeat left center;}





/*	textlink_trial
----------------------------------------------*/
.textlink_trial {
	font-weight: bold;}
.textlink_trial a {
	text-decoration: none;
	min-height: 13px;
	_height: 13px;
	padding-left: 15px;
	font-weight: bold;
	background: url(../img/common/ico_red_square.gif) no-repeat left center;}



/*	clSideBanners
---------------------------------------------*/
.clSideBanners {}
.clSideBanners li {
	margin-bottom: 10px;}




/*	wide_margin_sidelist
---------------------------------------------*/
.wide_margin_sidelist {}
.wide_margin_sidelist li {
	margin-bottom: 15px;}



/*	.clDifference
----------------------------------------------*/
.clDifference {
	margin: 10px 0;
	background: #f2f2f2;
	padding: 5px 10px;
	font-size: 11px;}



/*	.clPageTop
---------------------------------------------*/
.clPageTop {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;}




/*	text_sub_title
---------------------------------------------*/
.text_sub_title {
	color: #c70918;
	font-weight: bold;
	margin: 5px 0 5px 0;}






/*	notation
---------------------------------------------*/
.notation {
	border: 1px solid #dbdbdb;
	background: #f2f2f2;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;}
/*	for icon_list clearfix*/
/* for modern brouser */
.notation:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.notation { display: inline-block; }
/* Hides from IE-mac \*/
* html .notation { height: 1%; }
.notation { display: block; }
/* End hide from IE-mac */
/*	for dreamweaver	*/
.notation + *{ clear: both; }
/*	End hide from dreamweaver	*/




/*	separate
--------------------------------------------*/
.separate {
	margin-top: 0.75em;}





/*	dot_underline_box
--------------------------------------------*/
.dot_underline_box {
	border-bottom: 1px dotted #000;
	padding-bottom: 5px;
	margin-bottom: 15px;}






.image-margin {
	margin: 15px auto;}






/*--------------------------------------------

	base

----------------------------------------------*/

/*--------------------------------------------
	SiteHeader
----------------------------------------------*/
/*
SiteHeader	>	SiteHeaderInner	>	HUpperBox	>	SiteLogo
												>	HManyItems	>	ContactUs
																>	HItemSet	>	Search
																				>	SubNavi
								>	GNavi		>	idHeaderMenu01
												>	idHeaderMenu02
												>	idHeaderMenu03
												>	idHeaderMenu04
												>	idHeaderMenu05
												>	idHeaderMenu06
*/
#SiteHeader {
	min-width: 902px;
	text-align: center;
	width: 100%;
	background: #fff url(../img/common/hbg_repetx.gif) repeat-x bottom;
}
#SiteHeaderInner {
	width: 902px;
	margin: auto;
	text-align: left;}
#HUpperBox {
	height: 70px;}
#SiteLogo {
	float: left;}
#HManyItems {
	padding-top:5px;
	display:inline;
	width: 450px;
	float: right;}
#ContactUs {
	display:inline;
	float: right;}
#HItemSet {
	float: left;}
#Search {
	padding-top: 3px;}
#idInputtext {
	width: 150px;
	vertical-align: middle;
	border: 1px solid #ccc;
	padding: 2px;}
#idSubmit {
	vertical-align: middle;
	height: 20px;}
#SubNavi {
	padding-top: 10px;}
#SubNavi li {
	display: inline;
	margin-right: 15px;}

#GNavi {}
#GNavi li {
	float: left;
	height: 39px;
	text-align: center;
	line-height: 39px;
	font-weight: bold;
	color: #fff;}
#GNavi li a {
	display: block;
	height: 39px;
	font-weight: bold;}
#GNavi li a:link, #GNavi li a:visited, #GNavi li a:active {
	color: #FFF;}
#GNavi li a:hover {
	color: #A40000;}

#GNavi li a:hover {
	background: none;
	color: #fff;}
#idHeaderMenu01, #idHeaderMenu01 a {
	width: 80px;}
#idHeaderMenu01 {
	background: url(../img/common/gnavi01o.gif) no-repeat left bottom;}
#idHeaderMenu01 a {
	background: url(../img/common/gnavi01.gif) no-repeat left bottom;}


#idHeaderMenu02, #idHeaderMenu02 a {
	width: 164px;}
#idHeaderMenu02 {
	background: url(../img/common/gnavi02o.gif) no-repeat left bottom;}
#idHeaderMenu02 a {
	background: url(../img/common/gnavi02.gif) no-repeat left bottom;}


#idHeaderMenu05, #idHeaderMenu05 a {
	width: 164px;}
#idHeaderMenu05 {
	background: url(../img/common/gnavi03o.gif) no-repeat left bottom;}
#idHeaderMenu05 a {
	background: url(../img/common/gnavi03.gif) no-repeat left bottom;}


#idHeaderMenu04, #idHeaderMenu04 a {
	width: 193px;}
#idHeaderMenu04 {
	background: url(../img/common/gnavi04o.gif) no-repeat left bottom;}
#idHeaderMenu04 a {
	background: url(../img/common/gnavi04.gif) no-repeat left bottom;}


#idHeaderMenu03, #idHeaderMenu03 a {
	width: 130px;}
#idHeaderMenu03 {
	background: url(../img/common/gnavi05o.gif) no-repeat left bottom;}
#idHeaderMenu03 a {
	background: url(../img/common/gnavi05.gif) no-repeat left bottom;}


#idHeaderMenu06, #idHeaderMenu06 a {
	width: 170px;}
#idHeaderMenu06 {
	background: url(../img/common/gnavi06o.gif) no-repeat left bottom;}
#idHeaderMenu06 a {
	background: url(../img/common/gnavi06.gif) no-repeat left bottom;}





/*-------------------------------------------
	MainContentsFrame
---------------------------------------------*/
#MainContentsFrame {}


#idContainer {
	width: 879px;
	margin: auto;
	text-align: left;}

#idMainContents {
	width: 639px;
	float: right;}

#idMainContents p {
	line-height: 1.6;}




/*	Introduction
---------------------------------------------*/
#Introduction {
	margin-bottom: 25px;}





/*	idSideColumn
----------------------------------------------*/
#idSideColumn {
	width: 222px;
	float: left;}





/*	EngagedBnrs
---------------------------------------------*/
#EngagedBnrs {
	background: #f2f2f2;
	text-align: center;
	padding: 10px 10px 7px 10px;
	margin-bottom: 15px;}
#EngagedBnrs li {
	display: inline;
	padding-left: 1px;
	padding-right: 1px;}






/*	idBottomSitelink
---------------------------------------------*/
#idBottomSitelink {
	margin-bottom: 15px;
	margin-top: 35px;}
#idBottomSitelink ul li {
	float: left;}
#idBottomSitelink ul li {
	width: 154px;
	margin-right: 7px;}
#idBottomSitelink ul li.first {
	width: 153px;}
#idBottomSitelink ul li.clLast {
	float: right;
	width: 156px;
	margin: 0;}

#idBottomSitelink_new {
	margin-bottom: 15px;
	margin-top: 35px;}
#idBottomSitelink_new h2{
	margin-bottom:5px;
}
#idBottomSitelink_new ul li {
	float: left;}
#idBottomSitelink_new ul li {
	margin-right: 3px;}
#idBottomSitelink_new ul li.first {
}
#idBottomSitelink_new ul li.clLast {
	margin-right: 0;
	margin-bottom:5px;}


#idBottomSitelink_new2 {
	margin-bottom: 15px;
	margin-top: 35px;
	height: 131px;}
#idBottomSitelink_new2 ul{
}
#idBottomSitelink_new2 ul li {
	display:inline;
	margin-right:4px;
	float: left;}
#idBottomSitelink_new2 ul li.clLast {
	margin-right:0px;
}

#idBottomSitelink_new2 ul li.clLast1{
	padding-left:2px;
}

/*	idCompanyLinks2
---------------------------------------------*/
#idCompanyLinks2 {
	font-size: 11px;
	text-align: center;
	white-space: normal;
	margin-bottom: 15px;}
#idCompanyLinks2 li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #000;}
#idCompanyLinks2 li a {
	white-space: nowrap;}
#idCompanyLinks2 li a:link {
	color: #000;}




/*--------------------------------------------
	idFooter
----------------------------------------------*/
#idFooter {
	background: #9d1515 url(../img/common/fbg_xrepeat.gif) repeat-x top;
	color: #fff;
	font-size: 11px;
	padding-top: 12px;
	padding-bottom: 12px;
	min-width: 902px;}
#idFooter p {
	text-align: right;
	min-width: 902px;
	padding-top: 5px;}


/*	idFooterLinks
---------------------------------------------*/
#idFooterLinks {
	text-align: left;
	width: 902px;
	margin-left: auto;
	margin-right: auto;}
#idFooterLinks li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 4px 0 5px;}
#idFooterLinks li.clLast {
	border-right: none;}
#idFooterLinks a {
	white-space:nowrap;}
#idFooterLinks a:link, #idFooterLinks a:visited, #idFooterLinks a:active {
	color: #fff;}
#idFooterLinks a:hover {
	text-decoration: underline;}




/*	clJavascriptBox
---------------------------------------------*/
.clJavascriptBox {
	display: none;}






/*--------------------------------------------

	side bar

----------------------------------------------*/
.clSideBanners_course {
	margin-bottom: 3px;}







/*---------------------------------------------

	idTopicPath

-----------------------------------------------*/
#idTopicPath {
	text-align:left;
	font-size: 11px;
	margin: 5px 0;}







/*	box-frame
-----------------------------------------------*/
.box-frame {
	width: 636px;
	margin-left: 0;
	background: url(../img/common/box_bg_repeat.gif) repeat-y left;}
.box-frame-top {
	background: url(../img/common/box_bg_top.gif) no-repeat left top;
	padding-top: 15px;}
.box-frame-connection {
	background: url(../img/common/box_bg_connection-short.gif) no-repeat left top;
	padding-top: 37px;}
.box-frame-bottom {
	padding-bottom: 23px;
	background: url(../img/common/box_bg_bottom.gif) no-repeat left bottom;}






/*	widebox
------------------------------------------------*/
.widebox {
	background: url(../img/beauty/bg_widebox-repeat.gif) repeat-y left;}
.widebox-top {
	padding-top: 5px;
	background: url(../img/beauty/bg_widebox-top.gif) no-repeat left top}


/*	innerbox
------------------------------------------------*/
.innerbox {
	padding: 10px 30px;
	background: url(../img/beauty/bg_innerbox-repeat.gif) repeat-y left;}
.innerbox-top {
	padding-top: 13px;
	background: url(../img/beauty/bg_innerbox-top.gif) no-repeat left top;}
.innerbox-bottom {
	clear: both;
	float: none;
	padding-bottom: 11px;
	width: 880px;
	background: url(../img/beauty/bg_innerbox-bottom.gif) no-repeat left bottom;}
.innerbox-bottom hr {
	display: none;}
/*	for icon_list clearfix*/
/* for modern brouser */
.innerbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.innerbox { display: inline-block; }
/* Hides from IE-mac \*/
* html .innerbox { height: 1%; }
.innerbox { display: block; }
/* End hide from IE-mac */
/*	for dreamweaver	*/
.innerbox + *{ clear: both; }
/*	End hide from dreamweaver	*/





/*	inner-in-box
--------------------------------------------*/
.inner-in-box {
	display: table;
	height: 95px;
	width: 580px;
	padding: 15px;
	background: url(../img/beauty/bg_inner-in-box.gif) no-repeat left top;}






/*	vartical-middle
--------------------------------------------*/
div.vertical-outer {
	display: table;
	height: 100px;
	width: 100%;}
* html div.vertical-outer {
	position: relative;}
*+html div.vertical-outer {
	position: relative;}

div.vertical-middle {
	display: table-cell;
	vertical-align: middle;}
* html div.vertical-middle {
	position: absolute;
	top: 50%;}
*+html div.vertical-middle {
	position: absolute;
	top: 50%;}

div.vertical-middle .vertical-inner {
	margin: 0;}
* html div.vertical-middle .vertical-inner {
	position: relative;
	top: -50%;}
*+html div.vertical-middle .vertical-inner {
	position: relative;
	top: -50%;}