@charset "UTF-8";

/*---------------------------------------------

Default CSS

---------------------------------------------*/
 
/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

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

input, textarea {
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}


/* Setting */

html {  
  overflow-y: scroll;  
}

body {
  background: #FFF;
  font-size: 12px;
  color: #333;
  line-height:140%;
}

ol {
  list-style-position: outside;
}
  
table {
  border-collapse: collapse;
}

legend {
  color: #333;
}


/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*---------------------------------------------

Font Size

20px : 154%
18px : 139%
16px : 124%
15px : 116%  125%
14px : 108%  117%
13px : 100%  108%
12px :  93%  100%
11px :  85%   92%

---------------------------------------------*/

/*---------------------------------------------

layout CSS

---------------------------------------------*/

/* 001:ベース
--------------------------- */
body {
	text-align:center;
}

div#container {
	width:1010px;
	margin:0 auto;
	text-align:left;
	background:url("/static/images/bg/bgcolor_4d4d4d.gif");
}

div#header {
	height:80px;
	background:url("/static/images/bg/bgcolor_d94275.gif");
	position:relative;
}

div#main {
	margin-top:10px;
	background: #000 url("/static/images/bg/contentbg3.gif") repeat-y;
	overflow: visible;
}

div#left-contents {
	float:left;
	width:164px;
	text-align:center;
	padding:6px 0;
	margin: 0px;
	clear: both;
}

div#main-contents {
	float:left;
	width:846px;
	padding:0 0 10px 0;
}

div#footer {
	background:url("/static/images/bg/bgcolor_d94275.gif");
	height:28px;
	clear:both;
}

/* 002:ヘッダー
--------------------------- */
div#header h1 {
	position:absolute;
	top:22px;
	left:20px;
	background:url("/static/images/assets/logo.gif") no-repeat;
}

div#header h1 a {
	display:block;
	width:101px;
	height:47px;
	margin:0;
	padding:0;
}

div#header h1 span {
	display:none;
}

div#header #description {
	position:absolute;
	font-size:100%;
	top:37px;
	left:147px;
}
div#header #link_20 {
	position:absolute;
	width: 195px; height: 15px;
	font-size:100%;
	top:36px;
	left:785px;
}
/* 003:グローバルナビ
--------------------------- */
div#gnavi {
	margin:0 auto;
}
div#gnavi ul {
	list-style-position: outside;
	list-style-type: none;
}
div#gnavi ul li {
	margin-bottom:5px;
}

div#gnavi ul li img{
	vertical-align:middle;
}

/* 004:サイドバナー
--------------------------- */
div#side-banner {
	margin:0 auto;
}
div#side-banner ul {
	list-style-position: outside;
	list-style-type: none;
}
div#side-banner ul li {
	margin-bottom:5px;
}

div#side-banner ul li img{
	vertical-align:middle;
}

/* 005:フッター
--------------------------- */
div#footer-inner {
	width:990px;
	margin:0 0 0 10px;
	padding:6px 0 0 0;
	color:#FFF;
}

div#footer-inner a {
	color:#FFF;
}

div#footer-inner a:hover {
	color:#FFF;
	text-decoration:underline;
}

div#footer-nav {
	float:left;
	font-size:85%;
}

div#copyright {
	float:right;
	font-size:85%;
}

/*---------------------------------------------

color pattern

---------------------------------------------*/

a {
	color:#333333;
}

a:hover {
	color:#333333;
	text-decoration:underline;
}

a.color_9F2450 {
	color:#9F2450;
}

a.color_9F2450:hover {
	color:#9F2450;
	text-decoration:underline;
}


/*.color-white {
	color:#FFFFFF;
}

.color-white a {
	color:#FFFFFF;
}

.color-white a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}*/

.color-whitegray {
	color:#CCCCCC;
}

.color-whitegray a {
	color:#CCCCCC;
}

.color-whitegray a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

.color-gray-small {
	color:#333333;
}

.color-gray-small a {
	color:#333333;
}

.color-gray-small a:hover {
	color:#333333;
	text-decoration:underline;
}

.color-gold {
	color:#AA9678;
}

.color-pink {
	color:#d94275;
}

.color-gray666 {
	color:#666666;
}


/* new マーク */

span.new_m{
	font-weight: normal;
	color: #D94275;
	font-size: 11px;
}