@charset "utf-8";
/** ----------------------------------------------------------------------------

	@ Style Name    : /css/common/base.css

	----------------------------------------------------------------------------
	@ Style Information
		00. Reset		
		01. Html, Body, Anchor
		02. Frame
		03. Navigation
		04. Layout
		05. Module
		@@. Clearfix
		
---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	00. Reset
 *	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 *	Code licensed under the BSD License:
 *	http://developer.yahoo.com/yui/license.html
 *	version: 2.8.2r1
---------------------------------------------------------------------------- **/
html{color:#000;background:#daf6ff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/** ----------------------------------------------------------------------------
 *	01. Html, Body, Anchor
---------------------------------------------------------------------------- **/
body {
	font-family:"Verdana","Helvetica","Arial";
	font-size:90%;
	color:#0081c3;
	font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック",  sans-serif;
	font-size:80%;
	line-height:1.5;
}
a {
	color:#ae0e0e;
	text-decoration:underline;
}
a:hover {
	color:#b94c4c;
	text-decoration:none;
}

/** ----------------------------------------------------------------------------
 *	02. Frame
---------------------------------------------------------------------------- **/
#container {
	margin:0 auto;
	width:100%;
}
#header {
	width:940px;
	margin:0 auto;
}
#header_left {
	width:203px;
	float:left;
	padding-top:3px;
}
#header_right {
	width:725px;
	float:right;
}
#contents {
	clear:both;
	width:940px;
	margin:0 auto;
}
#left {
	width:690px;
	float:left;
	padding-top:20px;
}
#right {
	width:220px;
	float:right;
	padding:20px 0 25px 0;
}
#footerWrapper{
	clear:both;
	width:100%;
	height:70px;
	background-color:#0093df;
}
#footerInner {
	width:940px;	
	margin:0 auto;	
}

/** ----------------------------------------------------------------------------
 *	03. Navigation
---------------------------------------------------------------------------- **/
/**
 *	navGlobal
---------------------------------------------------------------------------- **/
#navGlobal {
	width:725px;
	margin:0 auto;
	padding-top:10px;
}
#navGlobal li { 
	float:left;
	margin-left:5px;
}
#navGlobal a {
	display:block;
	height:45px;
	width:140px;
	text-indent:-999em;
}
#navGlobal01 a { background:url(/imgs/common/g_navi_01.gif) 0 0 no-repeat;}
#navGlobal02 a { background:url(/imgs/common/g_navi_02.gif) 0 0 no-repeat;}
#navGlobal03 a { background:url(/imgs/common/g_navi_03.gif) 0 0 no-repeat;}
#navGlobal04 a { background:url(/imgs/common/g_navi_04.gif) 0 0 no-repeat;}
#navGlobal05 a { background:url(/imgs/common/g_navi_05.gif) 0 0 no-repeat;}

#navGlobal01 .current,#navGlobal01 a:hover {background-position:0 -45px;}
#navGlobal02 .current,#navGlobal02 a:hover {background-position:0 -45px;}
#navGlobal03 .current,#navGlobal03 a:hover {background-position:0 -45px;}
#navGlobal04 .current,#navGlobal04 a:hover {background-position:0 -45px;}
#navGlobal05 .current,#navGlobal05 a:hover {background-position:0 -45px;}
/**
 *	navFooter
---------------------------------------------------------------------------- **/
#navFooter {
	float:left;
	width:458px;
	padding-top:25px;
	margin-right:240px;
}
#navFooter li {float:left;}

#navFooter a {
	display:block;
	height:18px;
	text-indent:-999em
}
#navFooter01 a { background:url(/imgs/common/nav_footer_01.gif) 0 0 no-repeat; width:87px;}
#navFooter02 a { background:url(/imgs/common/nav_footer_02.gif) 0 0 no-repeat; width:155px;}
#navFooter03 a { background:url(/imgs/common/nav_footer_03.gif) 0 0 no-repeat; width:109px;}
#navFooter04 a { background:url(/imgs/common/nav_footer_04.gif) 0 0 no-repeat; width:107px;}

#navFooter01 .current,#navFooter01 a:hover {background-position:0 -18px;}
#navFooter02 .current,#navFooter02 a:hover {background-position:0 -18px;}
#navFooter03 .current,#navFooter03 a:hover {background-position:0 -18px;}
#navFooter04 .current,#navFooter04 a:hover {background-position:0 -18px;}
/**
 *	navService
---------------------------------------------------------------------------- **/
#navService {
	width:220px;
	padding-top:10px;
}

#navService a {
	display:block;
	width:220px;
	height:65px;
	text-indent:-999em
}
#navService01 a { background:url(/imgs/common/nav_service_01.gif) 0 0 no-repeat;}
#navService02 a { background:url(/imgs/common/nav_service_02.gif) 0 0 no-repeat;}
#navService03 a { background:url(/imgs/common/nav_service_03.gif) 0 0 no-repeat;}
#navService04 a { background:url(/imgs/common/nav_service_04.gif) 0 0 no-repeat;}

#navService01 .current,#navService01 a:hover {background-position:-220px 0;}
#navService02 .current,#navService02 a:hover {background-position:-220px 0;}
#navService03 .current,#navService03 a:hover {background-position:-220px 0;}
#navService04 .current,#navService04 a:hover {background-position:-220px 0;}

/** ----------------------------------------------------------------------------
 *	04. Layout
---------------------------------------------------------------------------- **/
/**
 *	header
---------------------------------------------------------------------------- **/
#contents h1 {
	font-size:90%;
	padding-bottom:5px;
}

/**
 *	con690
---------------------------------------------------------------------------- **/
.con690 {
	width:690px;
	background:url(/imgs/common/bg_690con_bottom.gif) no-repeat left bottom;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.con690Inner {
	width:690px;
	background:url(/imgs/common/bg_690con_top.gif) no-repeat left top;
	padding:20px 0 0 0;
}
.con690 .contents {
	width:650px;
	padding:0 20px;
	background:url(/imgs/common/bg_690con_inner.gif) repeat-y;
}
.con690 .contents h2 {
	margin:0 0 20px 0;	
}
.con690 .contents h4 {
	margin:0 0 20px 0;	
}
.con690 .contents p {
	float:left;
	margin-right:30px;
}
/**
 *	sidemail
---------------------------------------------------------------------------- **/
#sidemail {
	width:220px;
	height:128px;
	background:url(/imgs/common/bg_sidemail.gif) no-repeat;
	text-align:right;
}
/**
 *	footermail
---------------------------------------------------------------------------- **/
#footermail {
	width:940px;
	height:102px;
	background:url(/imgs/common/bg_footermail.gif) no-repeat;
	padding-left:12px;
	margin-bottom:20px;
}
/**
 *	sidemail
---------------------------------------------------------------------------- **/
#txtservice {
	padding-top:40px;
}
/** ----------------------------------------------------------------------------
 *	05. Module
---------------------------------------------------------------------------- **/
/**
 *	TopicPath
---------------------------------------------------------------------------- **/
.topicPath {
	font-size:90%;
	line-height:180%;
	color:#0081c3;
}
.topicPath li {
	float:left;
	margin:0 5px 0 0;
}
.topicPath a {
	color:#0081c3;
	text-decoration:none;
	font-weight:bold;
}
.topicPath a:hover {
	color:#0081c3;
	text-decoration:underline;
}
/**
 *	etc
---------------------------------------------------------------------------- **/
#header_right p.img {
	float:left;
	margin-right:147px;
	padding-top:19px;
}
#header_right p.tel {
	float:left;
	margin-right:20px;
	padding-top:12px;
}
#header_left h1 {
	padding-bottom:10px;
}
#footerInner p { 
	padding-top:28px;
}
#contents h2 {
	padding-top:3px;
}
/**
 *	pagetop
---------------------------------------------------------------------------- **/
#contents p.top { 
 margin:0 0 0 788px;
}

/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#header:after,
#navGlobal:after,
#contents:after,
#footerInner:after,
.topicPath:after,
#contents p.top:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html #header,
* html #navGlobal,
* html #contents,
* html #footerInner,
* html .topicPath:after,
* html #contents p.top {zoom:1;} /* IE6 */

*:first-child+html #header,
*:first-child+html #navGlobal,
*:first-child+html #contents,
*:first-child+html #footerInner,
*:first-child+html .topicPath:after,
*:first-child+html #contents p.top {zoom:1;} /* IE7 */