@charset "utf-8";

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

　archeage推奨モデル

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

/*-------------------------------------
　ページ基本設定
---------------------------------------*/

.column2R #main {
	float: none;
	width: auto;
}

#lp_page {
	width: 970px;
	margin: 30px auto;
	color: #FFF;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#000;
}

h2 {
	background: none;
	font-size: 14px;
	color: #FFF;
	border-left: solid 4px #FFF;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight:normal;
}

/*-------------------------------------
　見出し設定
---------------------------------------*/

/*-- h3、h4は依頼内容に合わせて変更してください --*/
h3 {
    border-bottom: 1px solid #000000;
    border-left: 4px solid #036EFF;
    font-size: 115%;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 4px;
}

h4 {
	padding:8px 0 8px 5px;
	border-left:4px #FFF solid;
	border-bottom:1px #FFF solid;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	color:#FFF;
}

/*-- タイトル画像部分 --*/
.title_cts {
    height:517px;
    margin-bottom:22px;
}
.title_cts p {
	padding:415px 0 0 30px;
	width:900px;
}
/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/
.sectionBox {
	margin-bottom:50px;
}
.sectionBox_b {
	background-color:#1e1e1e;
	border:1px solid #9d9d9d;
	margin-bottom:10px;
	padding:30px;
}
.sectionBox_w {
    background:#FFFFFF url(/5info/img/archeage/archeage_concept_img.png) no-repeat 10px 145px;
    margin-bottom: 10px;
    padding: 20px;
	height:870px;
}

/*-------------------------------------
　見出しバナー設定
---------------------------------------*/
.head_01 {
	background:#000 url(/5info/img/archeage/bg_head01.jpg) no-repeat top;
	height:65px;
	margin-bottom:22px;
}
.head_01 p {
	font-size:22px;
	font-weight:bold;
	padding:21px 0 0 50px;
	color:#000000;
}
.head_02 {
	background:#000 url(/5info/img/archeage/bg_head02.jpg) no-repeat top;
	height:45px;
	margin-bottom:15px;
}
.head_02 p {
	font-size:18px;
	font-weight:bold;
	padding:12px 0 0 17px;
	color:#000000;
}

/*-------------------------------------
　モデル設定
---------------------------------------*/
.model_cts {
    height:230px;
    margin-bottom:5px;
}
.pcBanner a {
    display: block;
    text-decoration: none;
}
/* モデル名 */
.modeName {
	font-weight: bold;
	padding: 1px 0 0 25px;
}
/* スペック表記 */
.modelSepc {
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding: 112px 0 0 22px;
}
/* 価格表記位置 */
.model_cts .price {
	padding: 11px 0 0 22px;
}
/* 価格表記 */
.model_cts .pr {
	color: #F00;
	font-size: 39px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
}
/* 円のサイズ */
.kara {
	color:#F00;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
}
/* (+税)～のサイズ */
.tax {
	color:#F00;
	font-weight: bold;
	font-size: 50%;
	text-decoration: none;
}

/*-------------------------------------
　コンセプト設定
---------------------------------------*/
.concept_cts {
	height:271px;
	width: 425px;
}
/* リンクボタン位置 */
.btnPosition_a {
	padding:205px 0 0 95px;
}
.btnPosition_b {
	padding:205px 0 0 530px;
}
.h01{
	height:445px;
}

/*-------------------------------------
　見出しバナー設定
---------------------------------------*/
.logoBack {
	background-color:#FFF;
	text-align:center;
}
/*-------------------------------------
　ページトップへ追随設定
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}
/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.ml22 {
	margin-left:22px;
}
.ml385{
	margin-left:385px;
}
.ml54{
	margin-left:54px;
}
.mt30{
	margin-top:30px;
}
.mt90{
	margin-top:90px;
}
	

/*-------------------------------------
　float
---------------------------------------*/
.fl{
	float:left;
}
.fr{
	float:right;
}

/*-------------------------------------
　罫線
---------------------------------------*/

.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}

/*-------------------------------------
　clearfix 
---------------------------------------*/

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