@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
	color: #;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	line-height: 1.5;
}

input,textarea,select {
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/*\*/
* html body {
	font-size: 75%;
}
* html table {
	font-size: 100%;
	line-height: 1.5;
}
*:first-child+html body {
	font-size: 75%;
}
/**/


/* 基本タグ ------------------------------ */

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

body {
	background: #FFFFFF;
	text-align: center;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

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


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */

div#wrap {
	width: 957px;
	margin: 0 auto;
	text-align: left;
}

div#ctArea {
	width: 950px;
	margin: 0 0 0 2px;
}

div#ctLeft {
	float: left;
	width: 750px;
}

div#ctRight {
	float: right;
	width: 190px;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

div#hd {
	
	width: 957px;
	margin: 0 0 7px 0;
	/*background: url(../img/hd_bg_rep.gif) repeat-y;*/
}

div#hdBot {
	padding: 26px 0 15px 22px;
	/*background: url(../img/hd_bg_bot.gif) no-repeat left bottom;*/
	border-bottom: 5px solid #E0E0E0;
}

div#hdBot h1 {
	float: left;
}

/* searchBox ------------------------------ */

div#hdBot .searchBox {
	display: inline;
	float: left;
	width: 483px;
	margin: 5px 0 0 25px;
}

div#hdBot .search {
	width: 477px;
	padding: 6px 6px;
	background: url(../img/hd_search_bg.gif) no-repeat;
}

* html div#hdBot .search {
	width: 489px;
}

div#hdBot .search form table {
	float: left;
}

div#hdBot .search form ul.formBtn {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
}

div#hdBot .search form ul.formBtn li {
	margin: 0 5px 0 0;
}

div#hdBot .search form .w220 {
	width: 210px;
	padding: 2px 5px;
}

div#hdBot .searchBox ul {
	margin: 4px 0 0 1px;
	color: #666666;
}

div#hdBot .searchBox li {
	display: inline;
	margin: 0 5px 0 0;
}

div#hdBot .searchBox li.icoFuki {
	padding: 2px 0 2px 22px;
	background: url(../img/ico02.gif) no-repeat 0 0;
	font-weight: bold;
}

/* othersSearch ------------------------------ */

div#hdBot .othersSearch {
	display: inline;
	float: left;
	width: 219px;
	margin: 0 0 0 18px;
}

div#hdBot .othersSearch ul {
	margin: 4px 0 0 1px;
	color: #000000;
}

div#hdBot .othersSearch li {
	display: inline;
	margin: 0 0 0 0;
}

div#hdBot .othersSearch li.ico01 {
	margin: 0 5px 0 0;
	padding: 2px 0 2px 22px;
	background: url(../img/ico03.gif) no-repeat 0 0;
	font-weight: bold;
}

div#hdBot .othersSearch li.ico02 {
	margin: 0 5px 0 0;
	padding: 2px 0 2px 22px;
	background: url(../img/ico04.gif) no-repeat 0 0;
	font-weight: bold;
}


/* headerNav ------------------------------ */
div.headerNav {
	float: left;
	margin: 0 0 0 200px;
	padding: 0 4px;
	width: 600px;
	}
	/*
div.headerNav div.headListInner {
	margin: 0;
	}
	*/
div.headerNav ul.horizontalList li {
	display: inline;
	zoom: 1;
	padding: 0 0.5em 0 0.45em;
	border-right: 1px solid #c0c0c0; 
}
div.headerNav ul.horizontalList li.last { border-right: none; }

/* imgCharacter ------------------------------ */
div#hd div#hdBot div#imgCharacter {
	float: left;
	padding-left: 10px;
	width: 80px;
	height: 62px;
}



/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

div#ft {
	width: 100%;
	margin: 25px 0 0 0;
	background: #fdfdfd url(../img/ft_bg.gif) repeat-x left top;
}
div#ftInner {
	width: 948px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	display: grid;
}
div#footer {
	text-align: left;
	display: contents;
}
div#ftInner ul {
	float: left;
	width: auto;
	margin: 0 0 0 0;
	color: #333333;
	text-align: left;
}

div#ftInner ul li {
	display: inline;
	margin-right: 10px;
}
div#ftInner ul li a:link {
	color: #333333;
	text-decoration: none;
}
div#ftInner ul li a:visited {
	color: #333333;
	text-decoration: none;
}
div#ftInner ul li a:hover {
	color: #ff6700;
	text-decoration: underline;
}
div#ftInner ul li a:active {
	color: #ff6700;
	text-decoration: underline;
}

div#ftInner address {
	display: inline;
	/*float: right;*/
	margin: 2px 0 0 0;
}



/* --------------------------------------------------------------------------------------
 H1〜H6
--------------------------------------------------------------------------------------- */
h2.type1 {
	margin-bottom: 5px;
	padding: 5px;
	background-color: #e1e1e1;
	font-size: 120%;
}


/* --------------------------------------------------------------------------------------
 その他
--------------------------------------------------------------------------------------- */

/* 光るボタン ------------------------------ */
a.lightOn:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}



/* margin ------------------------------ */
.marginTop5 { margin-top: 5px; }
.marginTop15 { margin-top: 15px; }

.marginLeft200 { margin-left: 200px; }

.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom25 { margin-bottom: 25px; }
.marginBottom40 { margin-bottom: 40px; }

.marginTopBottom10 { margin: 10px 0; }



/* text ------------------------------ */
.textRed { color: #ff0000; } 
