@charset "UTF-8";

/*	info
-------------------------------------------------------------------*/
#contents{
	padding-top:18px;
}
#main{
	width:750px;
	float:left;
}
#sidebar{
	width:180px;
	margin-top:0;
	float:right;
}
h1{
	width:750px;
	background:url(/img/common/h1_large.gif) no-repeat 0 0;
	height:45px;
	padding:8px 0 0 10px;
	font-size:120%;
	color:#FFF;
}
#main h2{
	background:url(/img/common/h2_large.gif) no-repeat 0 0;
	font-weight:bold;
	padding-left:15px;
	height:32px;
	line-height:32px;
	margin-bottom:10px;
}
#main p{
	margin-bottom:15px;
}

/*	company
-------------------------------------------------------------------*/
#p-company h1{
	position:relative;
}
#p-company h1 span{
	font-size:78%;
	position:absolute;
	top:11px;
	right:20px;
}
#p-company h3{
	font-weight:bold;
	font-size:114%;
	margin-bottom:5px;
}
#p-company #philosophy p{
	font-weight:bold;
	font-size:131%;
	text-align:center;
}
#p-company #localNavigation li {
	display:inline;
	border-left:1px solid #666;
	padding:0 5px 0 7px;
}
#p-company #localNavigation li.line {
	border-left:1px solid #666;
	border-right:1px solid #666;
}
#p-company #message {
	margin-bottom:10px;
}
#p-company #message .leftBox{
	width:575px;
}
#p-company #message .messageName {
	text-align:right;
	margin-top:10px;
}

#p-company #message .rightBox{
	border:1px solid #F0DFCB;
}

#p-company #main .sheet td img{
	margin:0 3px;
	vertical-align:middle; 
}

.companyMenu{
	border-bottom:3px #00A1E9 solid;
	position:relative;
	height:28px;
	margin:15px 0;
}
.companyMenu ul{
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	height:21px;
}
.companyMenu ul li{
	float:left;
}
.companyMenu li a{
	background:url(/img/company/company_menu.gif) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:21px;
}
.companyMenu .menuPhilosophy{
	width:95px;
}
.companyMenu .menuPhilosophy a{
	background-position:0 0;
	width:95px;
}
.companyMenu .menuPhilosophy a:hover{
	background-position:0 -21px;
}
.companyMenu .menuMessage{
	width:137px;
}
.companyMenu .menuMessage a{
	background-position:-95px 0;
	width:137px;
}
.companyMenu .menuMessage a:hover{
	background-position:-95px -21px;
}
.companyMenu .menuAbout{
	width:95px;
}
.companyMenu .menuAbout a{
	background-position:-232px 0;
	width:95px;
}
.companyMenu .menuAbout a:hover{
	background-position:-232px -21px;
}
.companyMenu .menuRecruit{
	width:95px;
}
.companyMenu .menuRecruit a{
	background-position:-327px 0;
	width:95px;
}
.companyMenu .menuRecruit a:hover{
	background-position:-327px -21px;
}
.companyMenu .menuContact{
	width:111px;
}
.companyMenu .menuContact a{
	background-position:-422px 0;
	width:111px;
}
.companyMenu .menuContact a:hover{
	background-position:-422px -21px;
}

/*	howto
-------------------------------------------------------------------*/
#p-howto #main{
	width:750px;
	margin:0 auto;
	padding-top:19px;
	float:none;
}
#p-howto table {
	margin-bottom:10px;
}
#p-howto a.li  {
	background:transparent url(/img/icon/arrow_small.gif) no-repeat scroll 0 5px;
	padding-left:8px;
}

/*	recruit
-------------------------------------------------------------------*/
.noInfo{
	margin:15px 0;
	padding:40px 20px;
	text-align:center;
	border:2px solid #B6E0FC;
	font-weight:bold;
	background-color:#F8F8F8;
}
.thanks{
	margin:15px 0;
	padding:40px 20px 30px 20px;
	text-align:center;
	border:2px solid #B6E0FC;
	background-color:#F8F8F8;
}
.thanks h4{
	font-weight:bold;
	margin-bottom:15px;
	font-size:120%;
}
.thanks a{
	background:url(/img/icon/arrow.gif) no-repeat 0 2px;
	padding-left:13px;
}

/*	privacy
-------------------------------------------------------------------*/
#p-privacy h3{
	font-weight:bold;
	padding:5px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	margin-bottom:10px;
}
#p-privacy #contents dl{
	margin-bottom:15px;
}
#p-privacy #contents dt{
	float:left;
	width:40px;
	padding:5px 0 5px 0;
	clear:both;
}
#p-privacy #contents dd{
	margin-left:40px;
	padding:5px 0 5px 10px;
}
.latin{
	margin:0 0 15px 30px;
}
.latin li{
	list-style-type:upper-latin;
}

/*	contact
-------------------------------------------------------------------*/
#p-contact #main h3{
	font-weight:bold;
	padding:5px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	margin-bottom:10px;
}
.contactList{
	margin-bottom:15px;
}
.contactList li{
	margin-bottom:3px;
}
.contactList li a{
	background:url(/img/icon/blank.gif) no-repeat 0 2px;
	padding-left:16px;
}
#p-contact #main .inline{
	margin-bottom:5px;
}
#p-contact #main .inline li{
	display:inline;
	margin-right:5px;
}
#p-contact #main .sheet td .wide{
	width:98%;
}

#p-contact #main .submit{
	text-align:center;
	padding:15px 0;
	background-color:#F0F0F0;
	margin-bottom:30px;
	position:relative;
}
#p-contact #main .submit #backBtn{
	position:absolute;
	top:17px;
	left:235px;
}
ul.error{
	margin-bottom:15px;
}

/*	404
-------------------------------------------------------------------*/
#p-error #main{
	width:750px;
	margin:0 auto;
	padding-top:18px;
	float:none;
}


/*==================================================================
	infomationList
===================================================================*/
/*
#infomationList .sheet th {
	width:65px;
}


#infomationList .sheet th span {
	white-space:nowrap;
	width:65px;
}


#infomationList .sheet a {
	background:transparent url(/img/icon/arrow_small.gif) no-repeat scroll 0 5px;
	padding-left:8px;
}

#infomationList h2{
	border-bottom:1px solid #CCC;
	font-weight:bold;
	background:url(/img/home/h_infomation_list.gif) no-repeat 0 0;
	padding:3px 5px;
}

#infomationList{
	margin-top:13px;
	border:1px solid #CCC;
}

*/

#infomationList h2 {
	padding-left:17px;
}

#infomationList .rss {
	margin:-35px 0 18px;
	text-align:right;
}

#infomationList .inner{
	margin:0 1px;
	padding:5px 10px 10px;
}
#infomationList table{
	margin-bottom:15px;
	width:100%;
}  
#infomationList th{  
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding:8px 10px 5px 0;
	width:100px;
	vertical-align:top;
}  

#infomationList th span {  
	white-space:nowrap;
}

#infomationList td{  
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding:5px 0;
}
#infomationList td a{  
	background:url(/img/icon/arrow_small.gif) no-repeat 0 5px;
	padding-left:8px;
}
#infomationList ul{
	float:right;
}
#infomationList ul li{
	display:inline;  
	font-size:78%;
}

#infomationList .archiveList{
	float:none;
	font-size:120%;
	margin:15px 0 10px 0;
	text-align:center;
}
#infomationList .archiveList li{
	display:inline;
	padding:0 2px 0 7px;
	border-left:1px #666 solid;
}
#infomationList .archiveList li.line{
	border-right:1px #666 solid;
	border-left:0px;
	padding-right:0px;
	margin-left:-2px;
}


/* pageNavi
-----------------------------------------------------------------------------  */

/*

#pageNavi{
	clear:both;
	text-align:center;
	line-height:1;
	padding:20px 0 10px 0;
	}
#pageNavi .pages {
	padding:0 15px;
	}
#pageNavi .pages span {
	background-color:#E7E7E7;
	border:1px solid #E7E7E7;
	padding:4px 6px 3px;
	color: #999;
	margin:0 1px;
	font-weight:bold;
	}
#pageNavi .pages a {
	border:1px solid #E7E7E7;
	padding:2px 4px 2px 5px;
	margin:0 1px;
	color:#999;
	font-size:79%;
	}
#pageNavi .pages a:link {
	border:1px solid #CCC;
	text-decoration:none;
	}
#pageNavi .pages a:visited {
	border:1px solid #CCC;
	text-decoration:none;
	}
#pageNavi .pages a:hover {
	border:1px solid #CCC;
	text-decoration:none;
	background-color:#F5F5F5;
	}
#pageNavi .pages a:active {
	border:1px solid #CCC;
	text-decoration:none;
	}

*/

/*==================================================================
	clearfix
===================================================================*/
#message:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
#message{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #message{
	height:1%;
	}
#message{
	display:block;
	}