@charset "utf-8";

/*======================================
	common.css
	全ページ共通設定
	
	1. universal
	2. text
	3. link
	4. img
	5. body

border: 1px solid #0000ff;
=======================================*/


/*---------------------------------------- テキスト関連 */

* {
	margin: 0;
	padding: 0;
}

p,h1,h2,h3,ul,td,th,textarea,div {
	font-size: 15px;
	line-height: 1.4; 
}

.fontSmall {
	font-size: 12px;
	line-height: 1.4; 
}
/*-------------------- link */
a:link,
a:visited,
a:hover,
a:active,
a:focus
{
	color:#194697;
}

/*-------------------- img */
img {
	border: none;
	vertical-align:bottom;
}

img.appeal {
	margin-top: 4px;
}


/*---------------------------------------- デザイン関連 */
/*------------------------------ body / container */
body {
	text-align: center; /* IE対応 */
	background: url(../img/body_bg.jpg) repeat-x scroll;
}

div#container {
	width: 950px;
	margin: auto;
}


/*------------------------------ ヘッダー,コンテナ,フッター */
div#header,
div#title,
div#contentArea,
div#footer {
	width: 950px;
	text-align: left;
	float: left;
}

/*------------------------------ ヘッダー */
div#header {
	margin-top: 10px;
	position: relative;
}

div#header p#logo {
	padding: 0 0 0 4px;
}

div#header p#tel {
	position: absolute;
	top: 0;
	right: 4px;
}

/*-------------------- グローバルナビ */
div#header ul#gNavi {
	padding-top: 10px;
	width : 950px;
}

div#header ul#gNavi li {
	list-style-type: none;
	float: left;
}

div#header ul#gNavi li#gNavi03,
div#header ul#gNavi li#gNavi04,
div#header ul#gNavi li#gNavi05,
div#header ul#gNavi li#gNavi06,
div#header ul#gNavi li#gNavi08 {
	width: 121px;
}

div#header ul#gNavi li#gNavi02 {
	width: 104px;
}

div#header ul#gNavi li#gNavi07 {
	width: 175px;
}

div#header ul#gNavi li#gNavi01 {
	width: 32px;
}

div#header ul#gNavi li#gNavi09 {
	width: 34px;
}

/*------------------------------ タイトル Flash */
div#title {
	width: 946px;
	padding-left: 2px;
	margin: 0 0 10px 0;	
	margin-top: 1px auto 0 auto;
	padding-top: 6px;
}
/*------------------------------ コンテンツ */
div#contentArea {
	margin: 1px auto 0 auto;
	background: url(../img/side_area_bg.gif) repeat-y left top;	/* sideContentのBG */
	position: relative;
}
/* メインコンテンツ */
div#contentArea div.mainContent {
	width: 733px;
	margin-top: 1px;
	float: right;
	position: relative;
}
/* サイドコンテンツ */
div#contentArea div#sideContent {
	width: 204px;
	float: left;
	background-color: #F3F3F3;
}

div#contentArea div#sideContent p {
	width: 192px;
	height: 102px;
	margin: 6px;
}

div#contentArea div.mainContent ul {
	margin-left: 5px;
	list-style-position: inside;
}


/*------------------------------ footer */
div#footer {
	width: 950px;
	height: 65px;
	margin-top: 20px;
	background: url(../img/footer_bg.gif) repeat-x left top;
}

div#footer p#companyLogo {
	float: left;
	padding: 14px 0 0 10px;
}

/*------------------------------ fglobalNavi */
div#footer ul {
	padding: 20px 10px 0 0;
	color: #888;
	font-weight: bolder;
	text-align: right;
}

div#footer ul li {
	font-size: 13px;
	list-style-type: none;
	display: inline;
}

div#footer ul li#current a {
	color: #194697;
}

div#footer ul li a {
	color: #888;
	text-decoration:none;
}

div#footer ul li a:hover {
	color: #194697;
	text-decoration: underline;
}


div#footer ul li {   
    display: inline;   
    margin-left: 10px;   
    padding-left: 10px;   
    border-left: 1px dotted #aaa;   
}   

div#footer ul li:first-child,   
div#footer ul li.firstChild {   
    margin-left: 0;   
    padding-left: 0;   
    border-left: 0;
}

/*------------------------------ sub Navi */
div#subNavi {
	width: 192px;
	margin: 6px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	background: url(../img/sub_navi_bootomm.gif) no-repeat left bottom;
}

div#subNavi h2 {
	width: 192px;
	height: 27px; /* 37px */
	font-size: 15px;
	padding-top: 10px;
	color: #fff;
	font-weight: bolder;
	text-align: center;
	background: url(../img/sub_navi_title.gif);
}

div#subNavi ul {
	list-style-type: none;
	font-size: 15px;
	background: url(../img/sub_navi_bg.gif);
}

div#subNavi ul li a {
	width: 168px; /* 188px; */
	height: 24px; /* 34px;  */
	display:block;
	margin-left: 2px;
	padding: 8px 0 0 20px;
	background:url(../img/sub_navi_li_bg.gif);
	text-decoration:none;
	border-bottom: 1px solid #ddd;
}

div#subNavi ul li.current a,
div#subNavi ul li a:hover
{
	background-position: -188px 0;
}


div#subNavi ul li.end a {
	border: 0;
}
