@charset "utf-8";

/*============================================================================
	下の話footer#globalFooter
==============================================================================*/

/* page-top */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 100;
}
#pageTop a {
	display: block;
	background: url(../img/gotop.png);
	background-size: 68px 68px;
	width: 68px;
	height: 68px;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../img/gotop.png);
	background-size: 68px 68px;
}


.footMiddle{
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
}





/* footCenter */
#footLogoBox {
	width: 240px;
	float: left;
	margin: 0;
}
#footLogoBox a.footlogo{
	display: block;
	text-indent: -9999px;
	margin: 0px auto 30px 0;
	width: 180px;
	height: 42px;
	background: url(../img/logo_foot.png) no-repeat -10px center;
	background-size: 180px 42px;
}
/* footRight */
#footRight {
	margin: 0 0px 0 0px;
	width: 240px;
	float: right;
	font-size: 14px;
	color: #FFF;
	line-height: 180%;
}
#footRight a{
	color: #FFF;
}


/* footLeft */
#footLeft {
	margin: 0 auto 0 0;
	width: 400px;
	float: left;
}
.footList{
	width: 180px;
	float: left;
	vertical-align: top;
	margin: 0 0px 0 84px;
	text-align: left;
	padding-left: 16px;
	border-left: 1px solid #bbb;
}
.footList li.footMenu{
	list-style: none;
	margin:0;
	padding:0;
	padding: 5px 0 5px 0!important;
}
/*
.footList li.footMenu:first-child{
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
}
*/
.footList li.footMenu a{
	font-size: 14px;
	color: #bbb;
}
.footList li.footMenu a:hover{
	color: #09948D;
	text-decoration: none;
}


#footBtm{
	width: 100%;
	background: #222;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 100%;
	text-align: center;
	color: #bbb;
}
#footBtm a{
	color: #bbb;
}


/* ===================================================================
	style info : リセット及びフォントサイズ
=================================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted inherit;
	cursor:help;
}

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

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;	 
	border-top:1px solid #CCC;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*============================================================================
	html body
==============================================================================*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	text-align: justify;
	background: #FFF;

}
input, textarea {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/*============================================================================
	画像
==============================================================================*/

img {vertical-align:top;}

/*============================================================================
	リンク
==============================================================================*/

a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000;}


/*============================================================================
	汎用
==============================================================================*/

/* Headings
---------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0;}

h1 {font-size: 153.9%;/*margin: .6em 0 .6em 0;*/}
h2 {font-size: 138.5%;}
h3 {font-size: 123.1%;}
h4 {font-size: 116%;}
h5 {font-size: 108%;}
h6 {font-size: 100%;}

/* float */
.imgR {
	float: right;
	padding: 0 0 10px 10px;
}
.imgL {
	float: left;
	padding: 0 30px 20px 0;
}
.fR {
	float: right;
}
.fL {
	float: left;
}

/* 明朝 */
.mincho {
	font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif;
}

/* clearfix */
.clear {clear: both;}
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*============================================================================
	フォントサイズ
==============================================================================*/
.std10 { font-size: 77%; }
.std11 { font-size: 85%; }
.std12 { font-size: 93%; }
.std13 { font-size: 100%; }
.std14 { font-size: 108%; }
.std15 { font-size: 116%; }
.std16 { font-size: 123.1%; }
.std17 { font-size: 131%; }
.std18 { font-size: 138.5%; }
.std19 { font-size: 146.5%; }
.std20 { font-size: 153.9%; }
.std21 { font-size: 161.6%; }
.std22 { font-size: 167%; }
.std23 { font-size: 174%; }
.std24 { font-size: 182%; }
.std25 { font-size: 189%; }
.std26 { font-size: 197%; }

/*============================================================================
	カラー
==============================================================================*/

.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #FF0000; }
.wred { color: #CC0000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.orange { color: #FF6600; }
.blue { color: #205ea9; }
.dblue { color: #1a1a6a; }
.lblue { color: #00b3dc; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }
.brown { color: #b36c00;}