/*
THEME NAME: Nikkatsu Company
THEME URI: http://www.nikkatsu.jp
DESCRIPTION: 株式会社日鰹の企業サイト用テーマ
VERSION: 1.0
AUTHOR: <a href="http://www.nikkatsu.jp">株式会社日鰹</a>
AUTHOR URI: http://www.nikkatsu.jp
*/

@import "reset.css";

/***********************************************
 * 基本
 ***********************************************/
body {
	font-size: 14px;
	line-height: 21px;
	color: #333333;
  background: url(img/back_body.png);
  text-align: center;
}

a:link, a:visited { color: #0044CC; text-decoration: underline; outline: none; }
a:hover, a:active { color: #FF3366; text-decoration: none; outline: none; }
p {margin: 0 0 24px;}
em {color: #FF0000;}
strong {font-weight:bold;}


/***********************************************
 * 共通
 ***********************************************/
.attention { color: #FF0000; }
.message { border: 2px dotted #99CC00; padding: 10px; margin: 0 0 10px; }
.float-right {float:right;margin: 0 0 10px 10px;}
.float-left {float:left;margin: 0 10px 10px 0;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.box {margin: 0 0 15px;}

a.button-opacity:hover, .button-opacity a:hover {
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

/* テーブル */
table {border-collapse:collapse;width: 100%;font-size: 1em;}
table.form, table.list {margin: 0 0 10px;}
th, td {border: 1px solid #cccccc;padding: 5px;}
#fancy_title td, #fancy_title th {border:none;}
th {
    font-weight: normal;
    background: #F5F5F5;
}
table.form th {width: 160px; text-align: left;}
table.list th {width: auto; text-align: center;}
table.list td {text-align:center;}
td.price, table.list td.price {text-align: right;}
th.result, table.list th.result {text-align: right;}
td.address, table.list td.address {text-align: left;}
td.name, table.list td.name {text-align: left;}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

/*-------- 見出し --------*/
.page-wrapper h2, #popup h2 {
  margin: 0 0 15px;
  padding: 3px 0 3px 25px;
  font-weight: bold;
  letter-spacing: 0.5em;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

#block-news h2 {height: 30px;text-indent:-9999em;background: url(img/sprite.png) -210px -30px no-repeat;}

#page-3 h2, #page-9 h2, #page-12 h2,
#page-14 h2, #page-16 h2, #page-19 h2,
#page-22 h2, #page-24 h2, #page-43 h2
{height: 200px;width: 580px;text-indent: -9999em;padding:0;border:none;}
#page-3 h2 {background: url(img/back_h2_page-3.jpg);}
#page-9 h2 {background: url(img/back_h2_page-9.jpg);}
#page-12 h2 {background: url(img/back_h2_page-12.jpg);}
#page-14 h2 {background: url(img/back_h2_page-14.jpg);}
#page-16 h2 {background: url(img/back_h2_page-16.jpg);}
#page-19 h2 {background: url(img/back_h2_page-19.jpg);}
#page-22 h2 {background: url(img/back_h2_page-22.jpg);}
#page-24 h2 {background: url(img/back_h2_page-24.jpg);}
#page-43 h2 {background: url(img/back_h2_page-43.jpg);}

#page-detail h2 {
  height: 45px;
  line-height: 45px;
  border: none;
  padding: 0 0 0 36px;
  background: url(img/back_detail_title.jpg);
  letter-spacing: 0;
  color: #663300;
  font-size: 14px;
}

#block-calendar h2, #block-guide h2 {height: 28px;margin: 0 0 10px;text-indent:-9999em;background-image:url(img/sprite.gif);}
#block-guide h2 {background-position: -200px -303px;}
#block-calendar h2 {background-position: -200px -361px;}

.page-body h3 {
  height: 30px;
  background: url(img/sprite.png) -210px 0;
  margin: 0 0 12px;
  padding:0;
  text-indent: 30px;
  font: bold 14px 'ＭＳ Ｐ明朝', serif;
  line-height: 30px;
  color: #000033;
}

.page-body h4 {
  font: bold 14px 'ＭＳ Ｐ明朝', serif;
  margin: 0 0 12px;
  padding: 3px 0 3px 20px;
  border-bottom: 1px dashed #666666;
  background: url(img/bullet_circle_silver.gif) left center no-repeat;
}


/***********************************************
 * レイアウト
 ***********************************************/
#wrapper {width: 800px;margin: 0 auto;text-align: left;}
#head {height: 85px;position: relative;}
#body {}
#left {width: 210px;float: left;}
#right {width: 260px;float: right;}
#main-wrapper {width: 580px;}
.one-column #main-wrapper {width: auto;}
.two-column-right #main-wrapper {float:left;}
.two-column-left #main-wrapper {float:right;}
.three-column #main-wrapper {float:right;}
.one-column #main {width: auto;}
.two-column-right #main {width: 580px;float: right;}
.two-column-left #main {width: 580px;float: left;}
.three-column #main {width: 310px;float: left;}
#main-top {margin: 0 0 15px;}
#main-bottom {padding: 15px 0 0;}
#foot {padding: 30px 0 0;background: url(img/back_foot.jpg) top center no-repeat;}


/***********************************************
 * ヘッダー
 ***********************************************/
h1 {position: absolute;top: 12px;left: 0;width: 305px;height: 58px;}

#primary-links {position:absolute;top:0;right:0;border-right: 1px dashed #333333;}
#primary-links li {float:right;}
#primary-links li a {
  display: block;
  padding: 30px 20px 10px;
  border-left: 1px dashed #333333;
  font: bold 14px 'ＭＳ Ｐ明朝', serif;
  text-decoration: none;
  color: #333333;
}

#customer-links {width:180px;height:30px;position:absolute;top:75px;left:661px;}
#customer-links li {width:90px;height:30px;position:absolute;top:0;text-indent: -9999em;}
#customer-links li a {display:block;width:90px;height:30px;background-image: url(img/sprite.gif);}
#customer-links-login {left:0;}
#customer-links-login a {background-position: -656px 0;}
#customer-links-login a:hover {background-position: -656px -30px;}
#customer-links-regist {left:90px;}
#customer-links-regist a {background-position: -746px 0;}
#customer-links-regist a:hover {background-position: -746px -30px}
#customer-links-mypage {left:0;}
#customer-links-mypage a {background-position: -836px 0;}
#customer-links-mypage a:hover {background-position: -836px -30px;}
#customer-links-logout {left:90px;}
#customer-links-logout a {background-position: -926px 0;}
#customer-links-logout a:hover {background-position: -926px -30px;}


/***********************************************
 * フッター
 ***********************************************/
#copyright {text-align: right;}


/***********************************************
 * ページ
 ***********************************************/
.page-body {margin: 0 10px 20px;}

#contact-info {margin: 0 10px;}
#contact-info li {
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  background: url(img/arrow_state_grey_right.png) left top no-repeat;
}
#contact-address {background: #DDDDDD;padding: 10px;}

/*-------- 日鰹のご紹介 --------*/
.signiture {text-align: right;}
/*-------- トップページ --------*/
#imagephoto {height: 400px; width: 800px;margin: 0 0 10px;}
#concern-message {
  border: 1px solid #990000;
  margin: 0 0 10px;
  padding: 10px 20px;
}
#concern-message h2 {
  font-weight: bold;
  color: #990000;
}
#concern-message p {
  line-height: 1.2em;
  margin: 0;
}
/*-------- 会社概要 --------*/
table#about th {width: 120px;}
/*-------- 会社概要 --------*/
table#history th {width: 120px;}
/*-------- サイトマップ --------*/
ul#sitemap li {
  padding: 0 0 0 20px;
  background: url(img/arrow_state_grey_right.png) left top no-repeat;
}
ul#sitemap ul {margin:10px 0 20px;padding:0;}
ul#sitemap ul li {  background: url(img/bullet_circle_silver.gif) left center no-repeat;}
/*-------- よくあるご質問 --------*/
ul.faq {margin: 0 0 20px;}
ul.faq div.answer {margin: 10px;padding: 10px;}
ul.faq div.answer ul {margin: 0 0 20px 20px;}
ul.faq div.answer li {list-style-type: circle;}
/*-------- 個人情報の取扱について --------*/
#privacy-policy dt {font-weight: bold; font-size: 14px;border-bottom: 1px dashed #666666;margin: 0 0 10px;}
#privacy-policy dd {margin: 0 0 20px 20px;}


/***********************************************
 * ブロック
 ***********************************************/
.block-wrapper {margin: 0 0 15px;}

/*-------- メニュー --------*/
#block-menu li {}
#block-menu li a.button {
  display: block;
  background-image: url(img/sprite.png);
  width: 210px;
  height: 55px;
  text-indent: -9999em;
  margin: 0 0 5px;
}
a#menu-about {background-position: 0 0;}
a#menu-kezuribushi {background-position: 0 -55px;}
a#menu-business {background-position: 0 -110px;}
#block-menu ul.level2 {}
#block-menu ul.level2 a {
  display: block;
  background: url(img/bullet_circle_silver.gif) 5px center no-repeat;
  padding: 3px 0 3px 20px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
}
#block-menu ul.level2 a:hover {color: #FF3366;}
#block-menu ul.level2 li {
  margin: 0 0 5px;
  background: #DDDDDD;
}


/*-------- 新着情報 --------*/
#block-news li {padding: 10px 0;border-bottom: 1px dotted #333333;}
#block-news .date {float:left;}
#block-news .title {float:right;width:230px;border-left: 3px solid #333333;padding: 0 0 0 5px;}

/*-------- 右サイドバナー --------*/
#block-banner-right li {margin: 0 0 5px;}
#block-banner-right li a {display:block;width: 260px;height: 85px;background-image: url(img/sprite.png);text-indent: -9999em;}
#banner-shop-right a {background-position: -210px -60px;}
#banner-blog-right a {background-position: -210px -145px;}

/*-------- 左サイドバナー --------*/
#block-banner-left li {margin: 0 0 5px;}
#block-banner-left li a {display:block;width: 210px;height: 60px;background-image: url(img/sprite.png);text-indent: -9999em;}
#banner-shop-left a {background-position: 0 -165px;}
#banner-blog-left a {background-position: 0 -225px;}





.post {
	margin-bottom: 50px;
}

.post-title {
	font-size: 200%;
	line-height: 1.2;
	font-weight: normal;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}


/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */