@charset "Shift_jis";

@import "../../default.css";


/*----------------------------------------------------------
	ALL
----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 10pt;
	background: #000 url(/images/template/cool/CD001_A1_black/bg_body.jpg) no-repeat center top;
	text-align:center;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

/* for IE7 */
*+html body {
	font-family: "メイリオ","Meiryo";
	font-size: 75%;
}

/* for IE6 */
* html body {
	font-size: 75%;
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

a img {
	border-style:none;
}

a:focus {/* Firefox の点線を消す */
	outline: none;
}

.clear {
	clear: both;
}

br {
	letter-spacing: 0;
}

* html img, * html div, * html p {
	behavior: url("/css/official/iepngfix.htc")
}


/*----------------------------------------------------------
	テキスト関連
----------------------------------------------------------*/

h1 {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	background: #000;
	padding: 10px 0 10px 45px;
	margin: 0 0 15px -45px;
}

h2 {
	clear: both;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	background: url(/images/template/cool/CD001_A1_black/icon_h2.jpg) no-repeat left center;
	padding: 0 0 0 23px;
}

h3 {
	color: #ccc;
	font-size: 110%;
	border-top: 10px solid #575757;
	padding: 5px 0 10px 0;
}

.intro {
	font-size: 120%;
	margin: 5px;
}

.caption {
	font-size: 80%;
	margin: 5px;
}

.attention {
	color: #cc0000;
}

.text {
}

*+html .text {
	line-height: 2;
}

* html .text {
	line-height: 2;
}

/* -- clear float -- */ 
.text {
	min-height:0;
	display: inline-table;
}

.text:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .text {height:0;}
.text {display: block;}
/* */
/* -- end clear float -- */

#service .text {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #999;
}


p.news_title_page,
p.service_title_page,
p.recruit_title_page {
	color: #66ccff;
	font-size: 110%;
	font-weight: bold;
	padding-left: 23px;
	background: url(/images/template/cool/CD001_A1_black/icon_h2.jpg) no-repeat left top;
	border-bottom: 1px dotted #d2b300;
}

p.date {
	font-size: 80%;
	color: #999;
	margin: 30px 0;
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

p.date img {
	padding: 0 5px 3px 0;
}

p.topic_path {
	font-size: 80%;
	color: #fff;
	padding: 15px 0 0 25px;
	display: block;
}

p.topic_path a:link {
	text-decoration: none;
}

p.topic_path a:visited {
	text-decoration: none;
}

p.topic_path a:hover {
	text-decoration: underline;
}

p.topic_path a:active {
	text-decoration: underline;
}


/*----------------------------------------------------------
	リンク
----------------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #a68f09;
}

a:visited {
	text-decoration: none;
	color: #af4703;
}

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

a:active {
	text-decoration: underline;
	color: #9c5007;
}


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

#header {
	width: 900px;
	height: 120px;
	position: relative;
	overflow: hidden;
}

#header .keyword {
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 80%;
	color: #fff;
}

* html #header .keyword {
}

.mainlogo {
	color: #fff;
	padding: 40px 0 0 0;
}

.mainlogo a {
}

#searchArea {
	position: absolute;
	top: 10px;
	right: 0;
}

*+html #searchArea {
}

* html #searchArea {
}

#searchArea p {
	margin: 0;
}

#searchArea p#searchInput {
	float: right;
}

#searchArea p#searchBt {
	float: right;
	padding: 2px 0 0 5px;
}

#searchArea p#searchBt #btSerach {
	border: 0px;
	width: 65px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: url(/images/bt_search.gif) no-repeat;
}



/*----------------------------------------------------------
	コンテンツ大枠
----------------------------------------------------------*/

#contentsArea {
	width: 900px;
	position: relative;
	background: #161616 url(/images/template/cool/CD001_A1_black/bg_contentsArea.jpg) no-repeat center top;
}

/* -- clear float -- */ 
#contentsArea {
	min-height:0;
	display: inline-table;
}

#contentsArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #contentsArea {height:0;}
#contentsArea {display: block;}
/* */
/* -- end clear float -- */



/*----------------------------------------------------------
	グローバルナビゲーション
----------------------------------------------------------*/

#gnaviArea {
	width: 900px;
	text-align: left;
}

ul#gnavi {
	list-style: none;
	height: 60px;
	background: url(/images/template/cool/CD001_A1_black/gnavi_off.gif) repeat-x bottom;
}

ul#gnavi li {
	float: left;
	list-style: none;
	background: url(/images/template/cool/CD001_A1_black/gnavi_li.jpg) no-repeat 13px center;
}

ul#gnavi a {
	display: block;
	height: 40px;
	color: #fff;
	text-decoration: none;
	padding: 20px 25px 0 40px;
}

* html ul#gnavi a {
	display: inline-block;
	display: inline;
	zoom: 1;
}

ul#gnavi a:hover,
ul#gnavi a:active {
	color: #dddddd;
	text-decoration: none;
	background: url(/images/template/cool/CD001_A1_black/gnavi_on.gif) repeat-x bottom;
}

/*----------------------------------------------------------
	コンテンツトップ:メインエリア
----------------------------------------------------------*/

#topMain {
	width: 900px;
	height: 280px;
	background: #666666;
	margin: 0 0 45px 0;
}

/* -- clear float -- */ 
#topMain {
	min-height:0;
	display: inline-table;
}

#topMain:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #topMain {height:0;}
#topMain {display: block;}
/* */
/* -- end clear float -- */


/*----------------------------------------------------------
	コンテンツトップ
----------------------------------------------------------*/

#contents {
	float: left;
	width: 637px;
	font-size: 100%;
}


/*----------------------------------------------------------
	コンテンツ トップ 設定
----------------------------------------------------------*/

#contents_in_top {
	color: #fff;
	padding: 0 0 0 45px;
}

#contents_in_top p {
	padding: 0 35px 0 0;
}



/*----------------------------------------------------------
	コンテンツ 2nd 設定
----------------------------------------------------------*/

#contents_a {
	font-size: 100%;
}

#contents_n {
	font-size: 100%;
}

#contents_in {
	float: left;
	width: 572px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	color: #ccc;
	background: #161616;
	padding: 0 20px 20px 45px;
}

.table_com {
	width: 95%;
	border-spacing: 5px;
	margin: 0 0 20px 0;
	border-left: 1px solid #545454;
	border-top: 1px solid #545454;
}

.table_com th {
	background-color: #000000;
	color: #fff;
	font-weight: normal;
	padding: 8px;
	text-align: left;
	width: 20%;
	border-right: 1px solid #545454;
	border-bottom: 1px solid #545454;
}

.table_com td {
	background-color: #c8c8c8;
	color: #333;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
	width: 80%;
	border-right: 1px solid #545454;
	border-bottom: 1px solid #545454;
}

.table_com td p { /* 英数字が改行されない現象の対策 */
	overflow: auto;
}

.table_com textarea {
	width: 400px;
	height: 200px;
	padding: 5px;
}

.table_com input[type="text"] {
	height: 1.5em;
	padding: 5px;
}

input[type="submit"] {
	width: 150px;
	height: 30px;
	letter-spacing: 0.2em;
}

.service_img {
	margin: 10px 0;
}

.service_img_2nd {
	margin: 10px 0;
}

ul.link_category li {
	margin: 0.5em 0 0.5em 30px;
	list-style: url(/images/mk-folder.png);
}

ul.link_category li.file {
	list-style: url(/images/mk-file.png);
}

ul.link_category li ul {
	margin: 0;
	padding: 0;
}

ul.link_category li ul li {
	list-style: url(/images/mk-file.png);
}

h2.linkParent {
}

h3.linkChild {
	display: block;
	margin: 0 20px 5px 15px;
	padding: 5px 0 5px 10px;
	border-top: none;
	border-bottom: 1px dotted #d2b300;
}

ul.link {
	margin: 0 0 10px 30px;
}

ul.link li {
	list-style: disc;
	padding: 0;
}

p.linkBanner {
}

.service_text_page {
}

*+html .service_text_page {
	line-height: 2;
}

* html .service_text_page {
	line-height: 2;
}

.recruit_img {
	margin: 10px 0;
}

ol {
	margin: 0 0 1em 3em;
}

ol li {
	list-style: decimal;
}

ul#sitemapList {
	padding: 10px 0 0 0;
}

ul#sitemapList li {
	list-style: disc;
	margin: 0 0 10px 15px;
}

ul#sitemapList li ul li {
	list-style: square;
	margin: 2px 0 5px 25px;
}

#pagetop {
	float: right;
	background: url(/images/template/cool/CD001_A1_black/icon_pagetop.gif) no-repeat left center;
	padding: 0 10px 0 17px;
}

#pagetop a {
	color: #d2b300;
}

#pagetop a:hover {
	color: #f0d019;
}



/*----------------------------------------------------------
	ニュース関連
----------------------------------------------------------*/

dl.news_title {
	margin: 0 0 0 10px;
	padding: 10px 0;
	text-align: left;
}

dl.news_title dt {
	float: left;
	width: 100px;
	color: #d2b300;
	border-top: 1px #666 dotted;
	padding: 5px 0 0 0;
	clear: both;
}

dl.news_title dd {
	border-top: 1px #666 dotted;
	padding: 5px 0 0 0;
	margin: 0 0 0 100px;
}

dl.news_title .first {
	border-top: none;
}

dl.news_title a {
	color: #fff;
	text-decoration: underline;
}

dl.news_title a:visited {
	color: #fff;
	text-decoration: underline;
}

dl.news_title a:hover {
	color: #fff;
	text-decoration: none;
}

dl.news_title a:active {
	color: #fff;
	text-decoration: none;
}

dl.news_title dd p.news_short {
	color: #ddd;
	font-size: 90%;
}

dl.news_title dd .TOP_news_img {
	display: none;
}

.news_img {
	margin: 10px 0;
}

.news_img_2nd {
	margin: 10px 0;
}

.news_text_page {
}

*+html .news_text_page {
	line-height: 2;
}

* html .news_text_page {
	line-height: 2;
}

#adobeReaderArea {
	font-size: 80%;
	color: #666;
	border: 1px dotted #ccc;
	padding: 10px;
	margin: 15px 0 0 0;
}

/*----------------------------------------------------------
	ブログ関連
----------------------------------------------------------*/

dl.blog_title {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	text-align: left;
}

dl.blog_title dt {
	float: left;
	width: 100px;
	color: #d2b300;
	border-top: 1px #666 dotted;
	padding: 5px 0 0 0;
	clear: both;
}

dl.blog_title dd {
	border-top: 1px #666 dotted;
	padding: 5px 0 0 0;
	margin: 0 0 0 100px;
}

dl.blog_title a {
	color: #fff;
	text-decoration: underline;
}

dl.blog_title a:visited {
	color: #fff;
	text-decoration: underline;
}

dl.blog_title a:hover {
	color: #fff;
	text-decoration: none;
}

dl.blog_title a:active {
	color: #fff;
	text-decoration: none;
}

dl.blog_title dd p.blog_short {
	color: #ddd;
	font-size: 90%;
}

dl.blog_title dd .TOP_blog_img {
	display: none;
}

.blog_img {
	margin: 10px 0;
}

.blog_img_2nd {
	margin: 10px 0;
}

.blog_text_page {
}

*+html .blog_text_page {
	line-height: 2;
}

* html .blog_text_page {
	line-height: 2;
}

.commentSection {
	margin: 0 0 1.5em 0;
}

.commentSection p span {
	color: #999;
	font-size: 80%;
}

.commentSection .commentText {
	margin: 0 0 0 1em;
}

.btn_input,
#inputBt {
	text-align: center;
	margin: 10px 0 0 0;
}

.pager {
}

.pager .link {
	color: #fff;
	padding: 3px 8px;
	border: 1px #737373 solid;
}

.pager .clink {
	color: #fff;
	padding: 3px 8px;
	background: #333;
}

.pager a:link,
.pager a:visited {
	text-decoration: none;
}
.pager a:hover,
.pager a:active {
	background-color: #545454;
	text-decoration: none;
}

p#commentTitle {
	padding: 20px 0 0 0;
	border-bottom: 1px solid #ccc;
}

table.commentTable {
}

table.commentTable th.field2 {
	width: 105px;
	padding: 10px 10px 10px 0;
	text-align: right;
}

table.commentTable td {
	padding: 10px 0 0 0;
}

table.commentTable td p {
	margin: 0;
	padding: 0;
}

table.commentTable td textarea {
	width: 420px;
	height: 100px;
}



/*----------------------------------------------------------
	ショップ関連
----------------------------------------------------------*/

.btShopCatecory {
	width: 270px;
	float: left;
	margin: 0 10px 15px 0;
	border: 1px solid #ccc;
}

.btShopCatecory .categoryName {
	font-size: 120%;
	color: #fff;
	background: #66ccff;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}

.btShopCatecory .categoryName a {
	color: #fff;
}

.btShopCatecory .categoryNote {
	margin: 0;
	padding: 10px;
}

.btShopCatecory .categoryNote img {
	float: left;
	padding: 0 7px 5px 0;
}

.goodsArea {
	width: 270px;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}

.goodsArea h2 {
	font-size: 120%;
	margin: 0;
	padding: 5px 10px 5px 30px;
	background-position: 5px 8px;
}

.goodsArea .goodsTextSummary {
	margin: 0;
	padding: 10px;
}

.goodsArea .goodsTextSummary img {
	float: left;
	padding: 0 7px 5px 0;
}

.goodsArea .linkDetail {
	text-align: right;
	margin: 0;
	padding: 0 10px;
}


.goodsArea .categoryName {
	margin: 0;
	padding: 10px;
}

.detailCategoryName {
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0;
}

.goodsDetail {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #ccc;
}

table.shopTable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.shopTable th {
	padding: 10px;
	text-align: right;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.shopTable td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.shopTable td p {
	margin: 0;
	padding: 0;
}

.priceArea {
	width: 250px;
	float: right;
}

.priceArea table {
	width: 240px;
}

.priceArea table td p {
	margin: 0;
	padding: 0;
}

.priceArea table td p.priceDown {
	font-size: 120%;
	font-weight: bold;
	color: #f14343;
}

.priceArea .btn_input {
	text-align: right;
	margin: 10px 10px 0 0;
}

.userSubArea {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999;
}

.userSubArea .btLogout {
	width: 120px;
	height: 30px;
	color: #fff;
	text-align: center;
	margin: 0 auto 10px;
	background: #3399cc;
}

.userSubArea .btLogout a {
	width: 120px;
	height: 26px;
	display: block;
	color: #fff;
	padding: 4px 0 0 0;
}

.userSubArea .btLogout a:hover {
	display: block;
	text-decoration: none;
	background: #61b6e0;
}

.userSubArea .btRegist {
	width: 120px;
	height: 30px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background: #3399cc;
}

.userSubArea .btRegist a {
	width: 120px;
	height: 26px;
	display: block;
	color: #fff;
	padding: 4px 0 0 0;
}

.userSubArea .btRegist a:hover {
	display: block;
	text-decoration: none;
	background: #61b6e0;
}

.userSubArea #userLogin {
	text-align: right;
	margin: 5px 0 0 0;
}

.cartSubArea {
	margin: 0;
	padding :10px;
	border: 1px dotted #ccc;
}

.cartSubArea .cartTitle {
	text-align: center;
	border-bottom: 1px dotted #ccc;
}

.cartSubArea .cartPrice {
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
}

#cartDetail {
	text-align: right;
}

.categorySubArea {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #999;
}

.categorySubArea p {
	margin: 0;
	padding: 0 0 0 10px;
}

table.cartPrice {
	width: 100%;
}

table.cartPrice th {
	text-align: center;
	color: #FFF;
	background-color: #999;
}

table.cartPrice td.goodsName {
	width: 250px;
}

table.cartPrice td.goodsNum {
	text-align: center;
}

table.cartPrice tr.total {
	border-top: 3px double #ccc;
}

table.cartPrice tr.total td {
	text-align: right;
}

table.cartPrice tr.total td.totalPrice {
	font-size: 120%;
}

table.cartPrice td p.priceDown {
	font-size: 120%;
	font-weight: bold;
	color: #f14343;
}

table.cartPrice td input[type="submit"] {
	width: 80px;
}


.linkCheckout a {
	width: 280px;
	height: 30px;
	text-align: center;
	font-size: 120%;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #3399cc;
	margin: 15px auto 0;
	padding: 5px 0;
}

.linkCheckout a:hover {
	display: block;
	text-decoration: none;
	background: #61b6e0;
}

#firstRegist a {
	width: 150px;
	height: 25px;
	text-align: center;
	font-size: 120%;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #3399cc;
	margin: 15px 0 25px;
	padding: 5px 0;
}

#firstRegist a:hover {
	display: block;
	text-decoration: none;
	background: #61b6e0;
}

.loginArea .btn_input,
.registArea .btn_input,
.checkout .btn_input {
	text-align: center;
	margin: 10px 0 0 0;
}

.checkout table {
	margin: 15px 0 30px
}




/*----------------------------------------------------------
	サイドエリア（新着情報）
----------------------------------------------------------*/

#sidenavi {
	color: #fff;
	background: url(/images/template/cool/CD001_A1_black/bg_sidenavi_inTop.gif) no-repeat left top;
	margin: 0 0 0 45px;
	padding: 30px 0 0 0;
}

.sidenavi_in {
	width: 520px;
	background: url(/images/template/cool/CD001_A1_black/bg_sidenavi_inBottom.gif) no-repeat left bottom;
	padding: 0 20px 30px 20px;
}

/* -- clear float -- */ 
.sidenavi_in {
	min-height:0;
	display: inline-table;
}

.sidenavi_in:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .sidenavi_in {height:0;}
.sidenavi_in {display: block;}
/* */
/* -- end clear float -- */



/*----------------------------------------------------------
	トピックス関連
----------------------------------------------------------*/

.sidenavi_in .topics {
	width: 440px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 2px 23px;
	background: url(/images/template/cool/CD001_A1_black/icon_topics.jpg) no-repeat left center;
	display: inline-block;
	vertical-align: bottom;
	margin: 0;
	/display: inline;
	/zoom: 1;
}

.sidenavi_in .rss_img {
	background: url(/images/template/cool/CD001_A1_black/icon_rss.jpg) no-repeat;
	padding: 0 0 0 23px;
}

.rss_img span {
	color: #d2b300;
	font-size: 80%;
}

/*----------------------------------------------------------
	サブナビ
----------------------------------------------------------*/

#subnaviArea {
	float: right;
	width: 223px;
	min-height: 570px;
	height: auto !important;
	height: 570px;
	background: #272727;
	padding: 0 20px 20px 20px;
	margin: 0 0 20px 0;
}

.year,
.category {
	color: #ccc;
	margin: 1em 0 0 0;
}

ul.subnavi {
}

ul.subnavi li {
	font-size: 90%;
	border-bottom: 1px solid #666;
}

ul.subnavi li a {
	color: #ccc;
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 12px;
}

ul.subnavi li a:hover {
	color: #ccc;
	text-decoration: none;
	background: #393939;
}

/*----------------------------------------------------------
	フリースペース1
----------------------------------------------------------*/

#freeSpace1 {
	float: right;
	width: 223px;
	background: #272727;
	padding: 0 20px 20px 20px;
	margin: 0 0 20px 0;
}

* html #freeSpace1 {
}

/*----------------------------------------------------------
	フリースペース2
----------------------------------------------------------*/

#freeSpace2 {
	float: left;
	width: 840px;
	padding: 15px 10px;
	margin: 30px 0 0 20px;
	border-top: 10px solid #000;
}

* html #freeSpace2 {
	margin: 0 0 0 10px;
}

/*----------------------------------------------------------
	フリースペース 2nd
----------------------------------------------------------*/

#freeSpace2nd {
	clear: both;
	width: 840px;
	color: #fff;
	padding: 15px 10px;
	margin: 30px 0 30px 20px;
	border-top: 10px solid #000;
	overflow: hidden;　/* 英数字が改行されない現象の対策 */
}

*+html .freeSpace2nd {
	margin: 0 20px 0 0;
}

* html .freeSpace2nd {
	margin: 0 20px 0 0;
}

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

#footer {
	clear: both;
	width: 900px;
	color: #0a5061;
	font-size: 90%;
	text-align: center;
	padding: 20px 0;
}

* html #footer {
}

#footer a {
	color: #d2b300;
	text-decoration: none;
}

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

#footer a:active {
	color: #f0d019;
	text-decoration: underline;
}

#foot_menu {
	width: 740px;
	padding: 0 0 0 80px;
}

#footLogo {
	width: 80px;
	float: right;
}

p#copyright {
	clear: both;
	color: #999;
	background: url(/images/template/cool/CD001_A1_black/bg_copyright.gif) no-repeat;
	padding: 20px 0;
}