@charset "shift_jis";
/*------------------------
Name:atsushi yamamoto
Last-update:2014/05/01
------------------------*/

/*-------------------------------------
			共通スタイル
-------------------------------------*/
body,ul,li,p,h1,h2,h3,h4,h5,h6,form,input {
	margin: 0px;
	padding: 0px;
	/*line-height: 18px;*/
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}

img,table,tr,td{ border: none; }
:focus{ outline: none; }
a:link { color: #31c4ee; }
a:visited { color: #31c4ee; }
a:hover { color: #fcc814; }

/* 文字装飾 CSS */
.bold { font-weight: bold; }
.txt_attention { font-weight:bold; color:#F00; }
.txt_large_110 { font-size: 110%; }
.txt_large_120 { font-size: 120%; }
.txt_large_150 { font-size: 150%; }
.txt_large_180 { font-size: 180%; line-height: 120%; }
.txt_large_200 { font-size: 200%; line-height: 120%; }
.txt_indent { padding-left: 1em; text-indent: -1em; margin-bottom: 4px !important; }
.txt_small{ font-size:90%; color: #CCC; }
.txt_small_80{ font-size:80%; }
.txt_red { color: #F00; }
.txt_blue { color: #6ABAF4; }
.txt_pink { color: #FBB0F5; }
.txt_yellow { color: #f8e163; }
.txt_green { color: #62c370; }
.txt_purple { color: #a460de; }
.txt_congra { color: #e0c887; }
.line_height_14{line-height: 14px;}

/*テーブル用　背景装飾カラー*/
.bg_gray{background-color:#666}
.bg_grayblue{background-color:#506192}

/* 整列・配置 CSS */
.right{ text-align:right;}
.left{ text-align:left;}
.center{ text-align:center;}
.float_l { float: left; }
.float_r { float: right; }


/* マージン */
.margin_0 { margin: 0; }
.margin_top_15 { margin-top: 15px; }
.margin_top_30 { margin-top: 30px; }
.margin_top_50 { margin-top: 50px; }
.margin_top_100 { margin-top: 100px; }
.margin_top_200 { margin-top: 200px; }
.margin_right_15 { margin-right: 15px; }
.margin_right_30 { margin-right: 30px; }
.margin_left_15 { margin-left: 15px; }
.margin_left_30 { margin-left: 30px; }
.margin_bottom_5 { margin-bottom: 5px; }
.margin_bottom_15 { margin-bottom: 15px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_bottom_50 { margin-bottom: 50px; }
.margin_bottom_100 { margin-bottom: 100px; }
.margin_bottom_200 { margin-bottom: 200px; }
.margin_bottom_1000 { margin-bottom: 1000px; } /*コラム用*/
.margin_auto { margin-left: auto; margin-right: auto; }

.padding_right_15{ padding-right: 15px; }
.padding_left_15{ padding-left: 15px; }
.padding_top_15{ padding-top: 15px; }
.padding_bottom_15{ padding-bottom: 15px; }

/*ボーダーアイコン spanで指定*/
.border_icon{
	border-left:6px solid #fec61d;
	padding-left:6px;
	}

/* レイアウト解除 CSS */  
.clear{ clear:both;}
.clearFix:after {
	content: "";
	display: block;
	height: 0; 
	clear: both;
	visibility: hidden;
	
}
.clearFix {	display: inline-block;
background-image:none;
background-color:transparent; }
/* Hides from IE-mac \*/
 * html .clearFix {height: 1%;}
 .clearFix {display: block;}
/* End hide from IE-mac */ 


/*-------------------------------------
		全共通レイアウト
-------------------------------------*/
#ct_bg{
	background:url(../images/bg_img.jpg) repeat!important;
	margin:0;
	padding: 0 0 0 0;
	font-size:14px;
	min-width: 1020px; /*背景が切れないための設定*/
}

/*ページ背景*/
#bg {
	background:url(../images/bg_chara/bg_chara_05.png) no-repeat 775px 0;
}
#nav_bg {
	background: url(../images/nav_bg.png) no-repeat 0 10px;
}
#wrapper {
	width: 980px;
}

/*ヘッダー*/
#header{
	width: 980px;
	margin: 0 0 20px;
	padding-top: 10px;
	position: relative;
	z-index: 9999;
	background-color:transparent;
}

/*ナビゲーション*/
#nav_list {
	width: 980px;
	margin: 0 0 0 15px;
}
#nav_list li {
	list-style-type: none;
	float: left;
	position: relative;
}
#nav_list ul {
	width: 111px;
	display:none;
	background: #828282;
	position: absolute;
	top: 78px;
	left: 4px;
	z-index: 9999;
}
#nav_list_logo {
	margin: 10px 5px 0 0;
}
.nav_list_bt {
	width: 120px;
	margin: 10px 5px 0 0;
}
.nav_list_drop {
	width: 109px;
	height: 32px;
	background: url(../images/nav_drop_bg.jpg) repeat-x;
	margin: 0 0 0 1px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.nav_list_drop a{
	width: 109px;
	height: 26px;
	padding-top: 6px;
	display: block;
	color: #E3E3E3;
	text-decoration: none;
}
.nav_list_drop a:hover {
	background: url(../images/nav_drop_bg_on.jpg) no-repeat;
	display: block;
	color: #E3E3E3;
}
.nav_list_drop_footer {
	width: 109px;
	height: 8px;
	background: url(../images/nav_drop_bg_footer.jpg) no-repeat;
	margin: 0 0 0 1px;
}

/*SNS*/
/*IE7対応*/
ul.sns_list_verIE7{
	width: 680px;
	padding:0;
	margin:15px 0 0 65px;
	list-style:none;
	}
ul.sns_list_verIE7 li{
	width:110px;
	padding:0;
	margin-right:0.5em;
	float:left;
	}

ul.sns_list_verIE7 li.sns_list_google{
	width:60px;
	}
/*
ul.sns_list_verIE7 li.fb{
	margin-left:10px;
	width:65px!important;
	}
*/

#footer{
	background-color:transparent;
}

/*フッター*/
#footer img{
	display:block;
	margin: 20px auto 20px;
	
}


/*-------------------------------------
		下層ページ共通レイアウト
-------------------------------------*/

/*見出し*/
#h3_title {
	width: 930px;
	height: 38px;
	background: url(../images/title_bg_01.png) no-repeat;
	padding: 32px 0 0 90px;
	color: #fff;
	font-weight: 500;
	font-size: 24px;
}

/*topへ戻るボタン*/
.top_btn{
	margin:0 auto;
	padding-top:15px;
	width:800px;
	}
	
a.pagetop_btn,a.pageback_btn{
	background-image:url(../images/2nd_btn.png);
    display: block;
    cursor:pointer;
	text-decoration:none;
	text-indent:-9999em;
	}
a.pagetop_btn{
    width:128px;
    height:48px;
	background-position:0 0;
	margin-left:670px;
	/*text-indent:-9999em;*/
}
a.pagetop_btn:hover{background-position:0 -48px;}

/*BACKボタン*/
a.pageback_btn{
	width:90px;
	height:25px;
	background-position:0 -330px;
	margin-left:440px;
	}
a.pageback_btn:hover{background-position:0 -355px;}


/*テーブルレイアウト01(新規レイアウト又は装飾を追加する場合は下記へ記述する)*/
.table_layout_01 {
	border-collapse: collapse;
	border-right: 1px solid #7a98c0;
	border-bottom: 1px solid #7a98c0;
	text-align: center;
}/*レイアウトパターン01*/
.table_layout_01 th {
	border-top: 1px solid #7a98c0;
	border-right: 1px solid #7a98c0;
	border-left: 1px solid #7a98c0;
	color: #31cce8;
	background: url(../images/card_list_bg.jpg) repeat-x;
	background-color: #042d58;
	padding: 7px 0;
	white-space:nowrap;
}
.table_layout_01 td {
	border-top: 1px solid #7a98c0;
	border-right: 1px solid #7a98c0;
	border-left: 1px solid #7a98c0;
	padding: 10px 5px;
	font-size: 12px;
	word-break: break-all;
}

/*スマホ対応コラム用*/
.table_wide{
 width:100%;
 color:#fff
}

.table_wide table, td, th {
border: 1px #666 solid;
}

.table_wide .card_name{
	width:100%;
	border-bottom:1px solid #666;
	border-top:3px solid #666;
	background: url(../images/card_list_bg.jpg);
	background-size: 100% 100%;	
	text-align:left;
}


/*テーブルレイアウト02(新規レイアウト又は装飾を追加する場合は下記へ記述する)*/
.table_layout_02 {
	border-collapse: collapse;
	border-bottom: 1px solid #7a98c0;
}/*レイアウトパターン02*/
.table_layout_02 tr {
	border-top: 1px solid #7a98c0;
	border-right: 1px solid #7a98c0;
	border-left: 1px solid #7a98c0;
}
.table_layout_02 th {
	border-top: 1px solid #7a98c0;
	border-right: 1px solid #7a98c0;
	border-left: 1px solid #7a98c0;
	color: #31cce8;
	background: url(../images/card_list_bg.jpg) repeat-x;
	background-color: #042d58;
	padding: 4px 0;
	white-space:nowrap;
}
.table_layout_02 td {
	padding: 4px 5px;
	font-size: 12px;
}

/*背景色01*/
.table_layout_bg_02 {
	background: #182a3d;
}

/* ※印注意文 */
.list_attention li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 25px;
	list-style-type: none;
	color: #FBB0F5;
	font-size: 15px;
}
.list_attention li:last-child { margin-bottom: 20px; }


/*-------------------------------------
		1カラム共通レイアウト
-------------------------------------*/

/*メインコンテンツ*/
img.title_img{
	display:block;
	margin:0 auto!important;
	padding:0;
	}
#main_article{
	margin:20px auto auto;
	padding:0 40px;
	width:800px;
	text-align:center;
	color:#CCCCCC;
	font-size:105%;
	}
	
.column1_box_01 {
	display: block;
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

.column1_box_01_inner {
	padding: 0 25px;
	text-align:left;
}

#column1_box_main_inner {
	border-left:#69a6bd 1px solid;
	border-right:#69a6bd 1px solid;
	background:#020c22;
	margin:0 auto;
	padding: 0 0 30px;
}


#column1_box_main_footer {
	background: url(../images/column1_block_bottomfrm.png) no-repeat bottom;
	margin:0;
	padding: 0 0 34px;
	zoom:1;
}

/*IE7対応*/
*:first-child+html #column1_box_main_inner img { vertical-align: top; }
*:first-child+html #column1_box_main_footer { padding-bottom:10px; }




/*見出し*/
.column1_box_01 h4 {
	width: 690px;
	height: 32px;
	background: url(../images/h4_bg.jpg) no-repeat ;
	padding: 8px 0 0 30px;
	margin:0 0 15px;
	font-weight: bold;
	font-size: 16px;
}

/*テキスト*/
.column1_box_01 p {
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 15px;
}

/*フロート　2カラム*/
.column1_box_left {
	float: left;
}
.column1_box_right {
	float: left;
	margin: 0 0 0 30px;
}

/*その他装飾*/
.column1_border_01 {
	border: 1px solid #525252;
}


/*-------------------------------------
		2カラム共通レイアウト
-------------------------------------*/
#column2_main_article {
	width: 800px;
	margin:15px auto 0;
	color:#CCCCCC;
}
/*サイドメニュー（ノーマルデザイン）*/
#column2_box_side {
	width: 180px;
	float: left;
	margin: 20px 10px 0 0
}
#column2_box_side_nav li {
	list-style-type: none;
	margin: 0 0 5px;
}

/*サイドメニュー（ドロップメニューデザイン）*/
.side_nav_list li {
	list-style-type: none;
}
.subMenu {
	width: 175px;
	background: #828282;
	margin: 0 auto;
}
.archive{
	cursor:pointer;	
}
.subMenu li{
	margin: 0 0 0 1px;
	color: #fff;
}
*:first-child+html .archive img {
	vertical-align: bottom;
}/*ie7対策*/
*:first-child+html .subMenu li{
	vertical-align: bottom;
}/*ie7対策*/
.side_nav_list_drop {
	width: 173px;
	height: 32px;
	background: url(../images/nav_drop_bg.jpg) repeat-x;
	font-weight: bold;
	font-size: 14px;
}
.side_nav_list_icon {
	background: url(../images/icon_cross.png) no-repeat 0 1px;
	margin: 0 0 0 2px;
	padding: 0 0 0 25px;
}
.side_nav_list_drop a{
	width: 173px;
	height: 24px;
	padding-top: 6px;
	display: block;
	color: #31c4ee;
	text-decoration: none;
}
.side_nav_list_drop a:hover {
	background: #152d4e;
	display: block;
	color: #31c4ee;
}
.side_nav_list_drop_footer {
	width: 173px;
	height: 8px;
	background: url(../images/side_nav_drop_bg_footer.jpg) no-repeat;
	margin: 0 0 0 1px;
	zoom: 1;
	line-height: 0;
	font-size:1%;
}
/*mainbox*/
#column2_box_main {
	float: left;
}
#column2_box_main_footer {
	background: url(../images/column2_block_bottomfrm.png) no-repeat bottom;
	padding: 0 0 35px;
}

#column2_box_main_inner {
	width: 608px;
	border-left:#69a6bd 1px solid;
	border-right:#69a6bd 1px solid;
	background:#020c22;
	margin: 0 auto;
	padding: 0 0 30px;
}
.column2_box_main_contents {
	width: 530px;
	margin: 0 auto;
	padding: 20px 0 0;
}

/*見出し*/
#column2_box_main h4{
	font-weight: bold;
	font-size: 16px;
}

/*h4(カードアイコン)*/
h4.h4_title_card{
	background: url(../images/h4_title_card.jpg) no-repeat;
	height:40px;
	padding-top:20px;
	padding-left:70px;
	color: #f8e163;
	/*margin-bottom:10px;*/
	}

.column2_box_main_contents h5 {
	width: 500px;
	height: 32px;
	background: url(../images/h4_bg.jpg) no-repeat;
	padding: 8px 0 0 30px;
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 16px;
}

.column2_box_main_contents_h5sub {
	padding: 0 0 6px 30px !important;
	line-height: 110%;
}

/*見出し*/
#column2_box_main h6{
	font-weight: bold;
	margin:5px 0;
	font-size: 110%;
}


/*テキスト*/
.column2_box_main_contents p {
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 15px;
}

/*フロート　2カラム*/
.column2_box_left {
	width: 230px;
	float: left;
}
.column2_box_right {
	float: left;
	margin: 0 0 0 30px;
}

/*リスト　2カラム*/
.column2_box_list {
	margin: 0 0 30px 20px;
}
.column2_box_list li {
	list-style-type: none;
	margin: 0 0 15px 0;
}

/* コンテンツ内のレイアウト */
.column2_box_layout_01 {
	border: 1px solid #7a98c0;
	padding: 10px;
}/*記事内で囲みたい部分に適用*/

.column2_box_layout_02 {
	border: 1px dotted #6ABAF4;
	padding: 10px 10px 0 10px;
}/*記事内で囲みたい部分に適用*/




/*-------------------------------------
		商品リスト、商品画像
-------------------------------------*/
ul.package_box,ul.product_box{/*パッケージリスト/商品詳細 共通*/
	margin:0 0 20px;
	}
.package_box li,.product_box li{
	list-style-type: none;
	float: left;
	}
ul.package_box h5,ul.product_box h5{
	width:auto;
	margin:0;
	padding:0 0 6px 10px;
	border-left:6px solid #fec61d;
	background:none;
	font-size:14px;
	}
a.package_box_bottom,.product_img{/*商品画像*/
	border:1px solid #7490b8;
	background:#212326 url(../images/product_frame_01.png) repeat-x;
	height:188px;
	padding:4px 0;
	}
	
/*パッケージリスト*/
.package_box li{
	font-size:13px;
	line-height:18px;
	/*width:256px;*/
	width:240px;
	margin:0 10px;
	height:290px;
	}
.package_box li h5{
	padding:0 0 6px 10px;
	border-left:8px solid #fec61d;
	}
a.package_box_bottom{
	display:block;
	cursor:pointer;
	/*margin:10px 37px;*/
	width:240px;
	margin:auto;
	padding:0!important;
	height:180px!important;
	padding:4px 0!important;
	text-align:center;
	}
a.package_box_bottom:hover{
	background:#333539 url(../images/product_frame_01.png) repeat-x;
	}

/*商品詳細*/
ul.product_box{
	padding-bottom:15px;
	border-bottom: 1px #2c2f34 dotted;
	}
.product_box li{
	font-size:13px;
	line-height:16px;
	margin:0;
	padding:0;
	}
.product_box_left{/*商品情報コンテンツ用*/
	width:182px;
	}
.product_box_right{
	width:332px;
	padding:0 0 10px;
	}
.product_box_right dl{
	margin:0;
	padding:5px 10px 0;
	}		
.product_box_right dt{
	margin:0 0 10px;
	padding:0 0 15px;
	font-weight:bold;
	background:url(../images/product_line.png) no-repeat bottom;
	}
.product_box_right dd{
	margin:0;
	padding-left:15px;
	}
li.product_text{
	background:url(../images/icon_cross.png) no-repeat left 10px;
	width: 100%;
	padding:10px 10px 10px 19px;
	color:#6d71aa;
	}	

/*-------------------------------------
		ページネーション
-------------------------------------*/
.selection {display: none;}
 #page-1 { display: block;}
#paging{
	/*width:160px;*/
	margin-left:auto;
	margin-right:auto;
	}
ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: auto;
	float: left;
}

.compact-theme a, .compact-theme span {
	float: left;
	margin-top:10px;
	line-height:24px;
	text-align: center;
	border: 1px solid #AAA;
	/*border-left: none;*/
	min-width: 14px;
	padding: 0 5px;
	text-decoration:none;
	margin-right:10px;
}

.compact-theme a.page_now{
	background: #182a3d!important;
	font-weight:bold!important;
	color:#f8e163!important;
	}

.compact-theme a:hover {
	text-decoration: none;
	font-weight:bold;
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	/*border-left: 1px solid #b2d7fc;*/
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;

}

.compact-theme .current {
	cursor: default;
}

.compact-theme .ellipse {
	padding: 0 10px;
	cursor: default;
}

/*これを各共通で使う*/