/*********************************************************************
 * 共通
*********************************************************************/
* {
	margin:0px;
	padding:0px;
}

html,body {
	width:100%;
	height:100%;
}

div,h1,h2,h3,h4,h6,p,li,th,td,dt,dd,address,input{
	color:#333333;
	font-size:100%;
	font-weight:normal;
	font-family:'HelveticaNeue',helvetica,Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	/*font-family: 'ＭＳ Ｐゴシック', sans-serif;*/
}
h5{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	font-family:'HelveticaNeue',helvetica,Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	/*font-family: 'ＭＳ Ｐゴシック', sans-serif;*/
}
body {
	background-color:#000000;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

.icon{
	vertical-align:middle;
}

.hide {
	display:none;
}

.trash {
	cursor:pointer;
}

a { color:#ffffff;text-decoration:none;}

a:hover { color:#2dabc2; }

a:hover img {
	filter:Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/*********************************************************************
 *FORM
*********************************************************************/
input.btn{
	border:#9aa0a6 1px solid;
	height:25px;
	line-height:22px;
	background:url(/img/pc/bk_bt.jpg) repeat-x 0 0;
	padding:1px 15px 1px 15px;
	cursor:pointer;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
}

input.text {
	border:1px solid #cccccc;
	padding:3px;
}

textarea {
	border:1px solid #cccccc;
	padding:3px;
}

select {
	border:1px solid #cccccc;
	padding:3px;
}


/*********************************************************************
 * COLOR 
*********************************************************************/
.red  { color:#ff0000 !important; }
.blue { color:#0154a2; }
.gold { color:#948600; }
.gold2{ color:#766b00; }
.glay { color:#999999; }
.white{ color:#ffffff; }
.yellow{color:#fff000; }


/*********************************************************************
 * FONT
*********************************************************************/
.b { font-weight:bold; }
.minchou { font-family:"ＭＳ 明朝"; }

.left{ text-align:left; }
.center{ text-align:center; }
.right { text-align:right;  }

.px10h14 {
	font-size:10px;
	line-height:14px;
}

.px12h18 {
	font-size:12px;
	line-height:18px;
}

.px14h20{
	font-size:14px;
	line-height:20px;
}

.px16h22{
	font-size:16px;
	line-height:22px;
}

.px18h24{
	font-size:18px;
	line-height:24px;
}

/*********************************************************************
 * 共通ページコンテンツ
*********************************************************************/
body {
	background: url(../../img/pc/bg.jpg);
}

div#container{
	width:100%;
	height:auto !important;
	height:100%;
	min-height: 100%;
	position: relative;
}

div#header{
	width:100%;
}

div#header_company{
	background-color: #bd0b7b;
	height:20px;
}

div#header_company p{
	font-size:10px;
	line-height:20px;
	width:930px;
	margin:0px auto;
	text-align:right;
}

div#header_company p a:hover{
	color:#ffffff;
}

div#header_box{
	width:930px;
	margin:0px auto;
	background-color:#000000;
	padding-bottom:20px;
	border-right:1px solid #5a123f;
	border-bottom:1px solid #5a123f;
	border-left:1px solid #5a123f;
}

div#header #logo{
	width:222px;
	float:left;
}

div#header h1 {
	width:222px;
	height:63px;
	margin-top:2px;
	margin-left:30px;
	background:url(../../img/pc/logo.png) no-repeat center top;
}

div#header h1 a{
	display:block;
	width:222px;
	height:63px;
}

div#header h1 a span{
	display:none;
}

div#header #logo p{
	margin-top:23px;
	width:222px;
	margin-left:30px;
	font-size:12px;
	text-align:center;
	color:#ffffff;
}


div#header table.header_menu{
	margin-top:87px;
	width:380px;
	float:right;
}

div#header table.header_menu td{
	font-size:12px;
	text-align:center;
}

div#wrapper{
	width:890px;
	margin:0px auto;
	background-color:#000000;
	padding:20px;
	border-right:1px solid #5a123f;
	border-bottom:1px solid #5a123f;
	border-left:1px solid #5a123f;
}

div#main{
	width:890px;
}

div#main_left{
	width:240px;
	float:left;
}

div#main_contents {
	width:640px;
	float:right;
	padding-bottom:30px;
}

div#login h3 {
	color:white;
	font-size:14px;
	line-height:40px;
	text-align:center;
	background-color:#bd0b7b;
}

div#login div.login_box{
	margin-top:3px;
	padding-bottom: 15px;
	border:1px solid #5a123f;
}

div#login input{
	color:white;
	border:1px solid #444444;
	background-color:#000000;
	width:194px;
	padding:3px;
}

div#login p.text{
	margin-top:22px;
	font-size:12px;
	line-height:14px;
	color:#cccccc;
	text-align:center;
}

div#login p.form{
	margin-top:3px;
	text-align:center;
}

div#login input.btn_login{
	margin-top:24px;
	width:200px;
	height:50px;
	color:white;
	background-color:#e60020;
	border:1px solid #e60020;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	cursor:pointer;
	font-size:12px;
}

div#login input.btn_login:hover{
	color:#fff100;
	background-color:#fa1333;
	border:1px solid #fa1333;
}

div#login div.link{
	margin-top:14px;
	margin-bottom:18px;
}

div#login div.link p{
	font-size:12px;
	line-height:18px;
	text-align:center;
}


ul#menu {
	margin-top:24px;
	list-style:none;
}

ul#menu li{
}

ul#menu span{
	display:none;
}

ul#menu a{
	display:block;
	width:240px;
	height:52px;
}

ul#menu a.menu01{ background:url(../../img/pc/menu.png) 0px 0px; }
ul#menu a.menu02{ background:url(../../img/pc/menu.png) 0px 52px; }
ul#menu a.menu03{ background:url(../../img/pc/menu.png) 0px 104px; }
ul#menu a.menu04{ background:url(../../img/pc/menu.png) 0px 156px; }
ul#menu a.menu05{ background:url(../../img/pc/menu.png) 0px 208px; }
ul#menu a.menu06{ background:url(../../img/pc/menu.png) 0px 260px; }

ul#menu a.menu01:hover{ background-position: 240px 0px; }
ul#menu a.menu02:hover{ background-position: 240px 52px; }
ul#menu a.menu03:hover{ background-position: 240px 104px; }
ul#menu a.menu04:hover{ background-position: 240px 156px; }
ul#menu a.menu05:hover{ background-position: 240px 208px; }
ul#menu a.menu06:hover{ background-position: 240px 260px; }


ul#banner {
	margin-top:20px;
	list-style:none;
}

ul#banner li{
	margin-bottom:15px;
}

div#footer {
	width:930px;
	margin:0px auto;
	background-color:#000000;
	border-right:1px solid #5a123f;
	border-bottom:1px solid #5a123f;
	border-left:1px solid #5a123f;
	padding-bottom:20px;
}

div#footer p{
	padding-top:20px;
	font-size:10px;
	line-height:16px;
	color:#bababa;
	text-align:center;
}

address {
	font-size:14px;
	line-height:48px;
	color:#ffffff;
	text-align:center;
	font-style:normal;
}

/*********************************************************************
 * コンテンツの共通項目
*********************************************************************/
h2.midashi {
	height:16px;
	margin-bottom:5px;
}

p.attention{
	font-size:10px;
	line-height:14px;
	color:#aaaaaa;
}