@charset "shift_jis";
/*=================

++Yahoo! UI Library
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%


++css_clear.css
「スタイルシートの初期化、floatクリア用クラスの定義」
Copyright, Husky Style Japan All rights reserved.
http://www.huskky-style.com/ ver 1.0.4

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0px;
	padding:0px;
	vertical-align: baseline;
	outline: 0;
	border:0;
}
body {
	font:13px/1.231 "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif;

	*font-size:small;
	*font:x-small;
	position: relative;
}
table {
    font-size:inherit;
	border-collapse: collapse;
	border-spacing: 0;
	font: 100%;
}
ul,ol{
	list-style:none;
}
fieldset,img{
	border:0px;
}	
select option{
	padding:0 5px;
}	
form label{
	cursor:pointer;
}
.clr {
	clear: both;
}
/* \*/
*html .clr{
	height:0px;
	display /**/:block;
}
/* */


/* -----------------------------------------------
	全体の設定
 ------------------------------------------------- */
a:link {
	color: #454545;
}
a:visited {
	color: #454545;
}
a:hover {
	color: #F60;
}
a:active {
	color: #454545;
}
body {
	text-align: center;
	background-color: #f4f4e6;
}
#wrapper {
	text-align: left;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#wrapper h1 {
	position: absolute;
	display: block;
	top: 160px;
	left: 5px;
	height: 41px;
	background-image: url(../images/h1_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #0e6598;
	width: 709px;
	text-indent: 20px;
	line-height: 41px;
	color: #FFF;
	font-size: 200%;
}

/* -----------------------------------------------
	ヘッダーの設定
 ------------------------------------------------- */
#HEADER {
	height: 150px;
	width: 980px;
	margin-bottom: 5px;
}
#HEADER .header {
	height: 80px;
	width: 980px;
	background-image: url(../images/header_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#HEADER .header div.logo {
	width: 270px;
	float: left;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 13px;
}
#HEADER .header .tel {
	height: 39px;
	width: 175px;
	float: right;
	padding-top: 9px;
	padding-right: 15px;
}
#HEADER .header ul.button {
	display: block;
	float: right;
	clear: right;
	height: 13px;
	width: 417px;
	margin-top: 6px;
	margin-bottom: 13px;
	padding-right:15px;
}
#HEADER .header ul.button li{
	float: left;
	height: 13px;
}
#HEADER ul.menu {
	display: block;
	height: 76px;
	width: 980px;
}
#HEADER ul.menu li {
	float: left;
	height: 76px;
}
#FOOTER {
	clear: both;
	background-image: url(../images/footer_background.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#FOOTER h3  {
	display: block;
	margin-bottom: 5px;
}

#FOOTER .link {
	float: left;
	width: 230px;
	margin-bottom: 5px;
}
#FOOTER .link ul {
	display: block;
	margin-left: 35px;
}
#FOOTER .link ul li {
	list-style-image: url(../images/footer_icon1.gif);
	list-style-position: outside;
	font-size: 101%;
}
#FOOTER .banner {
	width: 745px;
	float: right;
	height: 98px;
	margin-bottom: 5px;
}
#FOOTER .banner ul {
	display: block;
	height: 65px;
	width: 745px;
}
#FOOTER .banner ul li {
	float: left;
	margin-right: 5px;
}
#FOOTER .banner ul li.nomargin {
	margin: 0px;
}
#FOOTER ul.footer {
	height: 14px;
	width: 472px;
	display: block;
	clear: both;
	margin-left: 490px;
	margin-right: 18px;
	padding-top: 10px;
	padding-bottom: 12px;
}
#FOOTER ul.footer li {
	float: left;
	height: 14px;
}
#SIDEMENU {
	float: right;
	border: 1px solid #bcbcbc;
	background-color: #FFF;
	width: 245px;
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
}
/*IE5.5調整*/
*html #SIDEMENU {
	width /**/:255px;
}
#SIDEMENU .img1 {
	padding-top: 3px;
	padding-bottom: 7px;
}
#SIDEMENU ul.button {
	border-right-color: #147abc;
	border-left-color: #147abc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
#SIDEMENU ul.button li {
	border-bottom-color: #147abc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#SIDEMENU ul.button li div {
	border: 1px solid #FFF;
	padding: 5px;
	background-color: #FFF;
	background-image: url(../images/side_yajirushi.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#SIDEMENU ul.button li h4 {
	font-size: 110%;
}
#SIDEMENU ul.button li p {
	margin-right: 24px;
}
#SIDEMENU ul.button li #side_menu1 {
	background-image: url(../images/side_photo1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#SIDEMENU ul.button li #side_menu2 {
	background-image: url(../images/side_photo2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#SIDEMENU ul.button li #side_menu1 p ,#SIDEMENU ul.button li #side_menu2 p{
	margin-right: 50px;
}
#SIDEMENU .banner {
	margin-top: 10px;
	margin-bottom: 5px;
}

#SIDEMENU h3.site {
	padding-top: 10px;
	padding-bottom: 3px;
}
#SIDEMENU ul.site li{
	margin-bottom: 3px;
}
#SIDEMENU ul.button li ol.ranking li {
	list-style-position: outside;
	padding-left: 33px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	margin-right: 30px;
	border-bottom-width: 1px;
	border-bottom-color: #E4E4E4;
	padding-bottom: 3px;
	padding-top: 2px;
}
#SIDEMENU ul.button li ol.ranking .rank1 {
	background-image: url(../images/rank1.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#SIDEMENU ul.button li ol.ranking .rank2 {
	background-image: url(../images/rank2.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#SIDEMENU ul.button li ol.ranking .rank3 {
	background-image: url(../images/rank3.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#side_consult{
	position: fixed;
	right: auto;
	top: 250px;
	margin-left: 250px;
}

#side_mail{
	position: fixed;
	right: auto;
	top: 420px;
	margin-left: 250px;
}





#CONTENTS {
	width: 709px;
	background-color: #FFF;
	float: left;
	padding: 5px;
}
/*IE5.5調整*/
*html #CONTENTS{
	width /**/:719px;	
}
#CONTENTS h2 {
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #787878;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #787878;
	padding-left: 5px;
	color: #333;
	display: block;
	clear: both;
	margin-bottom: 5px;
	margin-top: 10px;
}
#CONTENTS .ls1 #interview {
	font-size: 250%;
	font-weight: bold;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 180px;
	color: #eff;
	border-width: 2px;
	border-style: solid;
	border-color: #2b7fb2;
	display: block;
	clear: both;
	margin-bottom: 7px;
	margin-top: 10px;
	background-image: url(../images/bg_interview.gif);
	background-repeat:no-repeat;
}
#CONTENTS p {
	line-height: 140%;
	color: #454545;
	font-size: 100%;
}
#CONTENTS .order_table {
	width: 709px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a3a3a3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a3a3a3;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A3A3A3;
}
#CONTENTS .order_table th {
	width: 35%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a3a3a3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a3a3a3;
	background-color: #dfdfdf;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 5px;
	color: #333;
}
#CONTENTS .order_table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a3a3a3;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 5px;
}
#CONTENTS .order_table .sample {
	color: #666;
	font-size: 80%;
}
#CONTENTS .order_table .must {
	color: #F00;
}
#CONTENTS .right {
	float: right;
}
#CONTENTS .left {
	float: left;
}

.bg_gray{
	background-color : #cccccc;
	padding : 5px 0;
}
table tr th{
	text-align : center;
	vertical-align : middle;
}
table tr td{
	padding-left : 10px;
}



#PMENU {
	font-size: 85%;
	color: #454545;
	margin-bottom: 10px;
	margin-top: 50px;
}

#UNDER .gohead {
	font-size: 85%;
	text-align: right;
	padding-top: 10px;
}
#UNDER .goback {
	text-align: center;
	font-size: 85%;
}

.mb20{
margin-bottom:20px;
}