@charset "utf-8";
/* ------------------------------------------- 以下、構築に関するリセット ------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http: //developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */

html {
	background-color: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font: 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;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}


/**
 * 追加指定
 */

li {
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	}

iframe {
	background-image: none;
}





/* ------------------------------------------- 以下、fontに関するリセット ------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http: //developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 12px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size: small; 
	/* for IE Quirks Mode */
	*font: x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
textarea,
button {
	font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}










/* 独自指定
****************************************************************************************************************************************** */
body {
	background: url(../img/common/bg_site.jpg) repeat;
	font-family: Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #633;
	text-align: center;
	line-height: 1.2em;
	overflow-x: hidden;
	background-color: transparent;/* 背景透過 */
}


body.otherParts {
	background-image: none;
	background-color: transparent;/* 背景透過 */
	}

body {
	scrollbar-arrow-color: #B2A196;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #B2A196;
	scrollbar-track-color: #FFF;
	scrollbar-shadow-color: #B2A196;
}

a {
	cursor: pointer;
}

/* ============================================================全体のレイアウト============================================================ */

/**
 * container 全コンテンツを覆う
--------------------------------------*/
#container {
	width: 1220px;
	height: 100%;
	background: url(../img/common/bg_container.png) repeat-y;
	margin-left: auto;
	margin-right: auto;
}

/**
 * clearfix　※背景画像を繰り返させる為の指定
 */

#container:before,
#container:after { /* For modern browsers */
    content: "";
	display: table;
}
#container:after {
	clear: both;
}
#container { /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}


/**
 * header ヘッダー 
--------------------------------------*/
#header {
	width: 1220px;
	height: 220px;
}


/**
 * contents　　main・sideをまとめる
   ※各ページ背景画像のスケッチブック穴がちぎれないように17pxの倍数でheightを指定する。
--------------------------------------*/
#contents {
	width: 1220px;
	margin: 20px 0 0;
	float: left;
}

		#main {
		width: 700px;
		text-align: left;
		padding: 0 0 0 150px;
		float: left;
		}
			#main img {
			margin-bottom: 10px;
			}

		#side {
		width: 220px;
		padding: 10px 150px 0 0;
		float: right;
		}


/* footer フッター */
#footer {
	width: 1220px;
	height: 294px;
}



/* =================================== header ヘッダー詳細 =================================== */
#wrapper_header {
	width: 1220px;
	height: 220px;
}


/**
 * head 左 
--------------------------------------*/
#headL {
	width: 150px;
	height: 220px;
	background: url(../img/common/bg_headL.png) no-repeat;
	float: left;
}

/**
 * head メイン 
--------------------------------------*/
#headMain {
	position: relative;
	width: 920px;
	height: 220px;
	background: url(../img/common/bg_head.png) no-repeat;
	float: left;
}

#log {
	position: absolute;
	top: 45px;
	left: 450px;
	width: 300px;
} 
#log a {
	height: 55px;
	background: url(../img/common/img_log.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

/* normal
---------------------*/
    #log a { width: 300px; background-position: 0 0;}
/* rollover
----------------------*/
    #log a: hover { width: 300px; background-position: 0 -55px;}



/**
 * グローバルナビゲーション
--------------------------------------*/
#globalNavi {
	position: absolute;
	top: 100px;
	left: 250px;
	width: 600px;
	height: 105px;
	padding: 0;
	overflow: hidden;
}

#globalNavi li {
	height: 105px;
	margin: 0;
	padding: 0;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
}
#globalNavi a {
	height: 105px;
	background: url(../img/common/btn_navi_global.png) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

/* normal
---------------------*/
    #navi01 a { width: 110px; background-position: 0       0;}
    #navi02 a { width: 110px; background-position: -110px  0;} /* navi01のwidth合計を引く */
    #navi03 a { width: 110px; background-position: -220px  0;} /* navi01～02　〃 */
    #navi04 a { width: 110px; background-position: -330px  0;} /* navi01～03　〃 */
    

/* rollover
----------------------*/
    #navi01 a:hover { width: 110px; background-position: 0       -105px;}
    #navi02 a:hover { width: 110px; background-position: -110px  -105px;}
    #navi03 a:hover { width: 110px; background-position: -220px  -105px;}
    #navi04 a:hover { width: 110px; background-position: -330px  -105px;}



/**
 * head 右bg
--------------------------------------*/
#headR {
	width: 150px;
	height: 220px;
	background: url(../img/common/bg_headR.png) no-repeat;
	float: right;
}




/* =================================== 左右メニュー詳細 =================================== */
.caption {
	width: 220px;
	height: 16px;
	background-color: #80DCD3;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 7px 0 7px;
}

.inner_menu {
	width: 218px;
	background-color: #F8F8DA;
	border: solid 1px #80DCD3;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px 0;
}
.inner_menu p {
	width: 200px;
	text-align: left;
	line-height: 1.4em;
	margin: 0;
	padding: 0 10px 7px;
}


/**
 * コンテンツ 
--------------------------------------*/
.inner_menu ul {
	width: 200px;
	margin: 0 auto; 
}

.inner_menu ul li {
	width: 180px;
	height: 15px;
	padding: 0 10px 5px 0;
	text-align: left;
}
.inner_menu ul li.item01 { /* 見出し */
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 2px;
}
.inner_menu ul li.item02 { /* メニュー */
	background: url(../img/ico_arrow.png) no-repeat;
	margin-left: 10px;
	padding: 0 0 5px 17px;
}
	.inner_menu ul li.item02_bottom { /* メニュー(最下段) */
	background: url(../img/ico_arrow.png) no-repeat;
	margin-left: 10px;
	padding: 0 0 0 17px;
}



/**
 * 総合お問合せ窓口ボタン 
--------------------------------------*/
.appli {
	width: 162px;
	margin: 0 auto;
}

.appli a {
	width: 162px;
	height: 44px;
	background: url(../img/btn_appli.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}
.appli a:hover {
	background-position: 0 -44px;
}



/**
 * Twiiter 
--------------------------------------*/
#twitter {
	width: 220px;
	height: 480px;
	margin-bottom: 15px;
}
	#twitter img {
	margin-bottom: 5px;
}

#follow {
	width: 220px;
	text-align: right;
	margin: 3px 0 0;
}



/* =================================== footer フッター詳細 =================================== */
#wrapper_footer {
	width: 1220px;
	height: 203px; /* (height: 294px)－(padding-top: 91px) */
	background: url(../img/common/bg_footer.png) no-repeat;
	text-align: center;
	color: #333;
	margin-bottom: 0;
	padding: 91px 0 0;
}

#wrapper_footer ul {
	border-right: #666 1px solid;
	margin-left: -80px;
	display: inline;
}
#wrapper_footer ul li {
	border-width: 0 1px 0 1px;
	border-color: #666;
	border-left-style: solid;
	padding: 0 4px 0 6px; /* 右のpaddingは2倍に設定 */
	display: inline;
}
#wrapper_footer ul li a {
	color: #09c;
	text-decoration: none;
}
#wrapper_footer ul li a:visited {
	color: #09f;
	text-decoration: none;
}
#wrapper_footer ul li a:hover {
	color: #0C6;
	text-decoration: underline;
}




/* ============================================================各共通パーツ詳細設定============================================================ */

/* ===================================テキスト=================================== */

.t666_b {
	color: #666;
	font-weight: bold;
	}

.t09c_b13 {
	color: #09c;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 0.1em;
	}



/* ===================================ボックス=================================== */

.box680 {
	width: 680px;
	margin: 15px 0 20px;
	padding: 0;
	}

.boxTxtzone640 {
	width: 640px;
	margin: 0;
	padding: 0 15px 0 25px;
	text-align: left;
	line-height: 1.5em;
	}

/* =============================【テキストリンク】============================= */

/**
 * 基本 
--------------------------------------*/
a:link {
	color: #0C6;
	text-decoration: underline;
	}
a:visited {
	color: #3C6;
	text-decoration: underline;
	}
a:hover {
	color: #0CC;
	text-decoration: none;
	}
a:active {
	color: #0CC;
	text-decoration: none;
	font-weight: bold;
	}

/**
 * 文中のテキストリンク 
--------------------------------------*/
a.inTxt:link {
	color: #963;
	text-decoration: underline;
	}
a.inTxt:visited {
	color: #996;
	text-decoration: underline;
	}
a.inTxt:hover {
	color: #C60;
	text-decoration: none;
	font-weight: bold;
	}
a.inTxt:active {
	color: #C60;
	text-decoration: none;
	font-weight: bold;
	}