@charset "shift_jis";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

body {background:#204863; color:#232323; font-size:12px; font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",monospace;}
a {color:#0066cc;}
	a:hover {text-decoration:none;}
	a:hover img.hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#wrapper {background:#fff;}

/* margin style */
.mT05 {margin-top:5px !important;}		.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}	.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}	.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}	.mT40 {margin-top:40px !important;}

/* text style */
.color {color:#204863;}
.color2 {color:#1c5b99;}
.red {color:#CC0000;}
.bold{font-weight:bold;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

/* float style */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.left_photo {float:left; padding:0 25px 20px 0;}
.right_photo {float:right; padding:0 0 20px 25px;}



/*********************************
 *
 * HEADER
 *
 *********************************/

#header {background:url(../images/header/bg_header.gif) repeat-x; line-height:1;}
	#header .box {position:relative; width:1050px; height:100px; margin:0 auto; background:url(../images/header/bg_header2.gif) left bottom no-repeat;}		
		h1 {position:absolute; top:5px; right:50px; color:#fff;}
		#logo {position:absolute; top:35px; left:50px;}
		#tel {position:absolute; top:25px; right:50px;}
		#hlink {position:absolute; top:71px; right:50px;}
			#hlink li {float:right; height:18px; padding:6px 0 0 15px; margin-left:12px; background:url(../images/header/icon_arrow.gif) left center no-repeat; font-size:11px; line-height:12px;}
				#hlink li a {color:#232323; text-decoration:none;}
				#hlink li a:hover {text-decoration:underline;}



/*********************************
 *
 * GLOBAL MENU
 *
 *********************************/

#gmenu {background:url(../images/menu/bg_menu.gif) repeat-x;}
	#gmenu .box {width:954px; margin:0 auto;}
		#gmenu ul {padding-left:1px;}
			#gmenu ul li {float:left; margin-left:1px;}



/*********************************
 *
 * MAIN IMAGE
 *
 *********************************/

#mainimg {background:#e5e5e5; text-align:center;}



/*********************************
 *
 * PANKUZU LIST
 *
 *********************************/

#pankuzu {width:950px; margin:0 auto; padding:20px 0 22px 0; font-size:11px; text-indent:10px;}



/*********************************
 *
 * MAIN
 *
 *********************************/

#main {width:950px; margin:0 auto;}



/*********************************
 *
 * BANNER AREA
 *
 *********************************/

#banner {float:left; width:250px;}
	#banner ul {width:230px;}
		#banner ul li {margin-bottom:5px;}
		#banner ul li a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#banner .add {padding:10px 0 0 28px; font-size:10px;}
#banner dl.area {width:230px; margin-top:20px;}
	#banner dl.area dt {padding:5px 8px; background:#b3293c; color:#fff; font-weight:bold;}
	#banner dl.area dd {padding:6px 8px 0 8px; color:#666; font-weight:bold;}



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

#contents {float:right; width:700px;}
	#contents p {margin-top:1em; line-height:1.6;}
	#contents li {line-height:1.6;}
	#contents .inner {padding:0 1em;}
	
/* f_lead */
.f_lead {width:950px; margin:0 auto; color:#ff7f10; font-size:14px; font-weight:bold;}


/*********************************
 *
 * PAGE TOP
 *
 *********************************/

#pagetop {width:950px; margin:40px auto 0 auto; padding-bottom:1em; font-size:11px; text-align:right;}
	#pagetop a {padding-left:12px; background:url(../images/icon_pagetop.gif) left center no-repeat;}



/*********************************
 *
 * FOOTER
 *
 *********************************/

#footer {width:1050px; margin:0 auto;}
	#footer h2 {padding:8px 50px; background:url(../images/footer/bg_footer.gif) left bottom no-repeat;}
		#footer h2 span {color:#204863; font-size:14px; font-weight:bold;}
	#footer #flink {padding:5px 50px;}
		#footer #flink li {float:right; margin-left:15px; padding-left:15px; background:url(../images/footer/icon_arrow.gif) left center no-repeat; font-size:11px;}
			#footer #flink li a {color:#232323; text-decoration:none;}
			#footer #flink li a:hover {text-decoration:underline;}
	
#copy {width:950px; margin:0 auto; padding:8px 0; color:#fff;}
	#copy h3 {font-weight:bold; text-align:right;}
	#copy p {padding:0.5em 0; font-size:11px;}