@charset "UTF-8";
/*------------------------------------------------------
	Art Corporation Commonlayout Styles
	Version:  17th Sep. 2009
	
	2-1.global
		2-1-1.wrapper,conttainer
		2-1-2.noscript
		2-1-3.hiddentxt
		2-1-4.pagetop
		2-1-5.clearfix
		2-1-6.H1
	2-2.maincontent
		2-2-1.header
		2-2-2.ci
		2-2-3.hdnav
		2-2-4.changefontsize
		2-2-5.sitesearch
	2-3.gnav
	2-4.subnav
	2-5.content
	2-6.bread crumbs
	2-7.sub
	2-8.main
	2-9.footer
	2-10.copyright
--------------------------------------------------------*/

/*------------------------------------------------------
	2-1.global
--------------------------------------------------------*/
html {
	overflow-y: scroll;
}

body {
	background: #fff;
	text-align: center;
}

.mt5 { margin-top: 5px;}

.mt10 { margin-top: 10px;}

.mt20 { margin-top: 20px;}

.red { color: #fd0707;}

.blue { color: #0050c8;}

.s { font-size: 84%;}
.ss { font-size: 75%;}

.mt30 { margin-top: 30px;}
/**/

.arrow {
	background: url(/common/img/arrow.gif) 0 2px no-repeat;
	margin: 5px 0 10px 5px;
	padding-left: 10px;
	font-size: 84%;
}

td.cp3 { padding: 3px;}

td.cp2 { padding: 2px;}

td.cp5 { padding: 5px;}




/*------------------------------------------------------
		2-1-1.wrapper,conttainer
--------------------------------------------------------*/
div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 780px;
}

div#container {
	margin-top: 10px;
}
/*------------------------------------------------------
		2-1-2.noscript
--------------------------------------------------------*/
p#noscript {
	background: #deebff;
	margin: 0;
	padding: 5px;
	width: 770px;
}

/* WinIE6 and below */
* html p#noscript {
	width: 780px;
}
/*------------------------------------------------------
		2-1-3.hiddentxt
--------------------------------------------------------*/
.hidentxt {
	margin: 0;
	padding: 0;
	width: 1px;
	height: 0;
	/*overflow: hidden;*/
	display: none;
	color: #000;
	font-size: 1px;
}

.hidentxt a:link {font-size: 1px; color : #fff;}
.hidentxt a:visited {font-size: 1px; color : #fff;}
.hidentxt a:hover {font-size: 1px; color : #fff;}
.hidentxt a:active {font-size: 1px; color : #fff;}
/*------------------------------------------------------
		2-1-4.pagetop
--------------------------------------------------------*/
p#gopagetop {
	margin-top: 30px;
	width: 780px;
	text-align: right;
	font-size: 84%;
}

p#gopagetop a {
	background: url(/common/img/arrow_gopagetop.gif) 0 2px no-repeat;
	padding-left: 10px;
}
/*------------------------------------------------------
		2-1-5.clearfix
--------------------------------------------------------*/
/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-Mac */
/*------------------------------------------------------
		2-1-6.H1
--------------------------------------------------------*/
h1 {
	background: #0050c8;
	margin: 0;
	padding: 5px;
	text-align: right;
	font-size: 84%;
	color: #fff;
}
/*------------------------------------------------------
	2-2.maincontent
--------------------------------------------------------*/
div#maincontent {
	width: 780px;
}
/*------------------------------------------------------
		2-2-1.header
--------------------------------------------------------*/
div#maincontent div.header {
	margin: 0;
	padding: 0;
	width: 780px;
}
/*
div.header div.hdinner {
	margin-bottom: 5px;
	padding: 0;
	width: 780px;
}
*/
/*------------------------------------------------------
		2-2-2.ci
--------------------------------------------------------*/
div.header div#ci {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
}

div.header div.hdnavinner {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	width: 513px;
}
/*------------------------------------------------------
		2-2-3.hdnav
--------------------------------------------------------*/

div.hdnavinner div#hdnav {
	display: inline;
	float: left;
	width: 367px;
}

div#hdnav ul {
	margin-top: 8px;
	padding: 0;
}

div#hdnav ul li {
	display: inline;
	margin: 0 12px 0 0;
	padding: 0;
}

div#hdnav ul li.last {
	margin: 0;
}
/*------------------------------------------------------
		2-2-4.changefontsize
--------------------------------------------------------*/

div.hdnavinner div#changefontsize {
	display: inline;
	float: right;
	width: 127px;
}

div#changefontsize dl dt {
	display: inline;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
	width: 61px;
	height: 11px;
}

div#changefontsize dl dd div {
	display: inline;
	float: left;
	width: 61px;
}

div#changefontsize dl dd ul li {
	display: inline;
	float: left;
	margin-right: 5px;
	padding: 0;
}

div#changefontsize dl dd ul li#small {
	margin-top: 4px;
	width: 15px;
	height: 15px;
}

div#changefontsize dl dd ul li#medium {
	margin-top: 2px;
	width: 17px;
	height: 17px;
}

div#changefontsize dl dd ul li#large {
	margin-right: 0;
	width: 19px;
	height: 19px;
}
/*------------------------------------------------------
		2-2-5.sitesearch
--------------------------------------------------------*/
div#srchBox {
	position: relative;
	margin-left: 586px;
	padding: 0;
	width: 194px;
	height: 22px;
}

div#srchBox input#srchInput {
	position: absolute;
	top: 0;
	left: 0;
	background: url(http://img.yahoo-search.jp/img/logo_wm.gif) center center no-repeat;
	border: solid 1px #999;
	padding: 2px;
	width: 138px;
	height: 17px;
}

/* WinIE6 */
* html div#srchBox input#srchInput {
	width: 145px;
	height: 23px;
}

div#srchBox input#srchBtn {
	position: absolute;
	top: -1px;
	right: 0;
	width: 48px;
	height: 24px;
}

/*------------------------------------------------------
	2-3.gnav
--------------------------------------------------------*/
div.gnav {
	background: url(/common/img/gnav_bg.gif) left bottom no-repeat;
	margin-top: 10px;
	padding-bottom: 7px;
	width: 780px;
}

/* WinIE6 */
* html div.gnav { margin-top: 10px;}

/* WinIE7 */
*:first-child+html div.gnav { margin-top: 10px;}

div.gnav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	width: 156px;
}
/*------------------------------------------------------
	2-4.subnav
--------------------------------------------------------*/
div.subnav {
	background: #ededed url(/common/img/subnav_bg.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	width: 780px;
}

div.subnav ul {
	margin: 0 0 0 0;
	padding: 3px 15px 12px 15px;
}

div.subnav ul li {
	display: inline;
	margin-right: 10px;
}

div.subnav ul li img {
	margin-top: 10px;
}

div.subnav02 {
	background: #e1e1e1 url(/common/img/subnav02_bg.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	width: 780px;
}

div.subnav02 ul {
	margin: 0;
	padding: 3px 15px 10px 15px;
}

div.subnav02 ul li {
	display: inline;
	margin-right: 10px;
}

div.subnav02 ul li img {
	margin-top: 10px;
}
/*------------------------------------------------------
	2-5.content
--------------------------------------------------------*/
div#content {
	background: url(/company/common/img/maincontent_bg.gif) left top repeat-y;
	margin-top: 15px;
	padding-bottom: 10px;
	width: 780px;
}
/*------------------------------------------------------
	2-6.bread crumbs
--------------------------------------------------------*/
p#bcrumbs {
	margin: 10px 20px 0 20px;
	font-size: 100%;
}
/*------------------------------------------------------
	2-7.sub
--------------------------------------------------------*/
div#sub {
	display: inline;
	float: left;
	background: #add6ff;
	width: 200px;
}

div#sub ul.sidenavi,
div#sub ul.sidenavi2 {
	margin: 10px 5px;
}

div#sub ul.sidenavi li { margin-bottom: 2px;}
div#sub ul.sidenavi2 li { margin-bottom: 0;}

div#sub ul.sidenavi2 li ul {
	margin: 0;
}

/*------------------------------------------------------
	2-8.main
--------------------------------------------------------*/
div#main {
	display: inline;
	float: right;
	width: 560px;
}

/*
div#main * {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
*/
/*------------------------------------------------------
	2-10.footer
--------------------------------------------------------*/
div#footer {
	margin: 10px 0 0 0;
	width: 780px;
}

div#footer div.ftnav01 {
	background: #0050c8;
	padding: 8px 0;
}

div.ftnav01 ul {
	margin: 0 20px;
}

div.ftnav01 ul li { display: inline;}

div.ftnav01 ul li.ftarrow {
	background: url(/common/img/ftarrow.gif) 0 2px no-repeat;
	margin: 5px 20px 10px 2px;
	padding-left: 15px;
	font-size: 84%;
}

div.ftnav01 ul li a:link {
	color: #fff;
	text-decoration: underline;
}

div.ftnav01 ul li a:visited {
	color: #fff;
	text-decoration: underline;
}

div.ftnav01 ul li a:hover {
	color: #fff;
	text-decoration: none;
}

div#footer div.ftnav02 {
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	padding: 8px 0;
}

div.ftnav02 ul {
	margin: 0 20px;
}

div.ftnav02 ul li { display: inline; margin-right: 10px;}

div.ftnav02 ul li a:link {
	color: #333;
	text-decoration: underline;
}

div.ftnav02 ul li a:visited {
	color: #333;
	text-decoration: underline;
}

div.ftnav02 ul li a:hover {
	color: #06c;
	text-decoration: none;
}
/*------------------------------------------------------
	2-11.copyright
--------------------------------------------------------*/
p#copyright {
	margin: 10px 0;
	width: 780px;
	text-align: center;
	color: #666;
}