@charset "UTF-8";


/* J_[̐ݒ */
@import "../../js/cal/cal.css";

/* Gc̐ݒ */
@import "elements.css";

/* setting */
/*/////////////////////////////////////////////////*/


/* JUMP(Ctrl+F)
header
contents
footer
*/

* {
	margin            : 0;
	padding           : 0;
}

*:first-child+html body {
	overflow-y        : auto;
}

* html body {
	overflow-y        : auto;
}

/* setting */
/*/////////////////////////////////////////////////*/

html {
	width             : 100%;
}

body {
	width             : 100%;
	background        : #fff;
	/*background        : #f7efcc url(../img/body_bg.gif) repeat-y 50% 0;*/
	
	
}

#wrapper {
	width             : 100%;
}

/* header */
/*/////////////////////////////////////////////////*/

div#header {
	width             : 900px;
	height            : 87px;
	margin            : 0 auto;
	padding           : 10px 0;
}

h1#logo {
	width             : 250px;
	height            : 87px;
	float             : left;
	outline           : none;
	overflow          : hidden;
}

h1#logo a img {
	border            : none;
}


div#header ul#info {
	width             : 358px;
	margin            : 0;
	padding           : 40px 0 0 0;
	float             : right;
}

div#header ul#info li {
	width             : 358px;
	margin            : 0;
	padding           : 0;
	float             : right;
}

div#header ul li#contact a {
	width             : 132px;
	height            : 16px;
	margin            : 0;
	padding           : 0;
	float             : right;
	background        : #fff url(../img/head_contact.gif) no-repeat;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

div#header ul li#contact a:hover {
	width             : 132px;
	height            : 16px;
	margin            : 0;
	padding           : 0;
	float             : right;
	background        : #fff url(../img/head_contact_o.gif) no-repeat;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

div#header ul li#tel{
	width             : 358px;
	height            : 12px;
	margin            : 10px 0 0 0;
	padding           : 0;
	background        : #fff url(../img/head_tel.gif) no-repeat;
	text-indent       : -9999px;
}


*html body div#header ul#info {
	width             : 358px;
	margin            : 0;
	padding           : 40px 0 0 0;
	float             : right;
}

*html body div#header ul li#tel{
	width             : 358px;
	height            : 12px;
	margin            : 10px 0 0 0;
	padding           : 0;
	background        : #fff url(../img/head_tel.gif) no-repeat;
	text-indent       : -9999px;
}

/* NAVIGATION */
/*/////////////////////////////////////////////////*/

#navigation {
	width             : 100%;
	height            : 30px;
	background        : #acb959;
}

#navigation ul#gNavi {
	width             : 905px;
	height            : 30px;
	margin            : 0 auto;
	padding           : 0;
}

#navigation ul#gNavi li {
	float             : left;
}

#navigation ul#gNavi li.line {
	width             : 2px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_line.gif) no-repeat 0px;
}

#navigation ul#gNavi li#home a {
	width             : 126px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_home.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#home a:hover {
	width             : 126px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_home_o.gif) no-repeat 0px;
}

#navigation ul#gNavi li#what a {
	width             : 127px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_whataroma.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#what a:hover {
	width             : 127px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_whataroma_o.gif) no-repeat 0px;
}

#navigation ul#gNavi li#class a {
	width             : 127px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_class.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#class a:hover {
	width             : 127px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_class_o.gif) no-repeat 0px;
}

#navigation ul#gNavi li#fees a {
	width             : 124px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_fees.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#fees a:hover {
	width             : 124px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_fees_o.gif) no-repeat 0px;
}

#navigation ul#gNavi li#voice a {
	width             : 128px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_voice.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#voice a:hover {
	width             : 128px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_voice_o.gif) no-repeat 0px;
}

#navigation ul#gNavi li#faq a {
	width             : 128px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_faq.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#faq a:hover {
	width             : 128px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_faq_o.gif) no-repeat 0px;
}

#navigation ul#gNavi li#company a {
	width             : 125px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_company.gif) no-repeat 0px;
	display           : block;
	text-indent       : -9999px;
	outline           : none;
	overflow          : hidden;
}

#navigation ul#gNavi li#company a:hover {
	width             : 125px;
	height            : 30px;
	background        : #cccc99 url(../img/gnavi_company_o.gif) no-repeat 0px;
}


/* topipath */
/*/////////////////////////////////////////////////*/

ul#topiPath {
	width             : 900px;
	height            : 30px;
	margin            : 0 auto;
	font-size         : 12px;
}

ul#topiPath li {
	padding           : 5px;
	float             : left;
	outline           : none;
	overflow          : hidden;
}

ul#topiPath li a {
	display           : block;
	padding           : 5px;
	float             : left;
	outline           : none;
	overflow          : hidden;
}

/* CONTENTS */
/*/////////////////////////////////////////////////*/

div#contents {
	width             : 900px;
	margin            : 0 auto;
	padding           : 0;
}

/* footer */
/*/////////////////////////////////////////////////*/

div#footer {
	width             : 100%;
	background        : #acb959;
	clear             : both;
}

div#footer ul {
	width             : 50%;
	margin            : auto;
	padding           : 20px 20px 20px 150px;
	font-size         : 12px;
	list-style        : none;
}

div#footer ul li a {
	float             : left;
	margin-right      : 20px;
}

div#footer ul li a:hover {
	color             : #337454;
}

div#footer p {
	width             : 300px;
	margin            : auto;
	padding           : 5px;
	color             : #333;
	text-align        : center;
}

/* IE6 */

*html body div#footer {
	width             : 100%;
	background        : #cccc99;
	clear             : both;
}

*html body div#footer ul {
	width             : 50%;
	margin            : 0 auto;
	padding           : 20px 10px 20px 170px;
	font-size         : 12px;
	list-style        : none;
}

*html body div#footer ul li {
	float             : left;
}

*html body div#footer ul li a {
	margin-right      : 10px;
	color             : #333;
	text-decoration   : none;
}

*html body div#footer ul li a:hover {
	color             : #337454;
}

*html body div#footer p {
	width             : 300px;
	margin            : auto;
	padding           : 5px;
	color             : #333;
}

*html body div#footer p {
	width             : 350px;
	margin            : 0 auto;
	padding           : 0;
	font-size         : 12px;
	text-align        : center;
	color             : #333;
}