/* @override 
	http://hanasasara.yoshidesign.com/wp-content/themes/hnshop/style.css
	http://www.hanasasara.com/wp-content/themes/hns/style.css
*/

/*
Theme Name: HNS - はなささらシステム
Theme URI: http://www.yoshidesign.com/
Description: A clean and stylish theme designed for a Japanese CMS-oriented web site.
Version: 1.0.0
Author: Yoshi Abe
Author URI: http://www.yoshidesign.com/
Tags: white, light, left-sidebar, fixed-width, Japanese
*/


* {
	font-family:sans-serif;
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/}

body {
	margin:0;
	padding:0;
}

p {
	line-height:170%;
}

ul {
	list-style:none;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#060;
	clear:both;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#060;
	margin:15px 0 5px 0;
	clear:both;
}

img {
	border:0;
}

input {
	font-size:12px;
}


/* Default Link Style */

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

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

a:hover {
	color:#990000;
text-decoration:none;
}

a:active {
	color:#990000;
text-decoration:none;
}


div#contents p a, div.contents-half p a { /* 本文中はアンダーライン付きリンク */
text-decoration:underline;
}



/* page areas */

div#wrapper {
	width:930px;
	margin:0px auto;
	padding:0;
}

div#sidebar {
	width:165px;
	margin:0 25px 100px 0;
	padding:0;
	float:left;
	font-size:12px;
}

div#pagetop-login {
	width:700px;
	margin:0;;
	padding:0;
	float:left;
	text-align: right;
	background-color: #f2f3ec;
}

div#pagetop-login p {
	font-size: 12px;
	margin:0;
	padding:5px 10px 5px 10px;
}


div#pagetop-image {
	width:700px;
	margin:0 0 25px 0;
	padding:0;
	float: left;
}

div#pagetop-image p {
	margin:0;
	padding:0;
}

div#pagetop-image img.alignleft, div#pagetop-image img.alignright {
	margin:0;
	padding:0;
}

div#contents {
	width:450px;
	margin:0;
	padding:0;
	float:left;
}

div#sidebar2 {
	font-size:12px;
	line-height:120%;
	color:#555;
	width:190px;
	padding: 0 0 0 60px;
	float:left;
	margin:0 0 25px 0;
}

div#sidebar-product {
	font-size:11px;
	line-height:140%;
	background-color: #f2f3ec;
	color:#555;
	width:165px;
	padding: 0 15px 20px 20px;
	float:left;
	margin:10px 0 25px 50px;
}

div#footer {
	clear:both;
	margin:0 0 30px 0;
	border-top:1px dotted #CCC;
	font-size:11px;
	color:#777;
	text-align:center;
	
}



/* Main Content */

div#contents {
	font-size:12px;
	margin:0 0 25px 0; 
}

div.contents-half {
	font-size:12px;
	line-height:140%;
	width:350px;
	padding:0;
	margin:10px 0 25px 0; 
	color:#666;
	float:left;
}

div.contents-half p {
margin:0 0 15px 0;;
padding:0;
}


div.contents-half h2 {
font-size:13px;
margin:0 0 5px 0;
padding:7px 0 0 0;
border-top:1px dotted #063;
}

div.contents-quarter {
	font-size:11px;
	line-height:100%;
	width:155px;
	margin:10px 0 0 20px; 
	float:left;
	color:#666;
}

div.contents-quarter p {
margin:0 0 7px 0;;
padding:0;
}

div.contents-quarter small {
margin:0 0 0 0;;
padding:0;
}

div#contents h1 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	margin:5px 0 15px 0;
	color:#060;
}


div.post {
	margin:0 0 40px 0;
}

p.postmetadata {
	font-size:10px;
	color:#666;
}

div.entry p {
	margin:0 0 10px 0;
	color:#555;
}


div.entry h3 {
font-size:14px;
margin:10px 0 10px 0;
padding:7px 0 0 0;
border-top:1px dashed;
border-top-color: #a1ae48;
}

div.entry h2 a {
text-decoration: none;
}

div.entry a, div#sidebar2 a {
	text-decoration:underline;
}

div.entry strong, div#sidebar2 strong {
	color:#060;
	font-weight:bold;
}

div.entry blockquote {
	clear:both;
	width:430px;
	border-left-color: #926359;
	margin:20px 0 5px 0;
	padding:10px 10px 5px 10px;
	border-left: 5px solid;
	font-family: serif;
	background-color: #f8f3ef;
	color: #9c7d6e
}

div.post h2 {
	font-size:14px;
	line-height:140%;
	margin:14px 0 9px 0;
	padding:8px;
	border: 1px solid #5e2933;
	color: #5e2933;
}

div.post small {
	display:block;
	font-size:10px;
	color:#999;
	margin:0 0 20px 0;
	text-align:right;
	clear:both;
}




/* sidebar 左メニュー */

div#sidebar p {
	margin:5px;
	font-size:10px;
	line-height:140%;
	color:#666;
}

div#sidebar h2 {
	margin:10px 0 3px 5px;
	font-size:11px;
	line-height:140%;
	font-weight:bold;
}


div#sidebar ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:14px;
	border-bottom:1px dotted #CCCCCC;
}

div#sidebar ul li {
	border-top:1px dotted #CCCCCC;
	width:165px; /*IE6バグでliの間にできる隙間対策 */
    padding:0;
    margin:0;
}

div#sidebar ul li a:link, div#sidebar ul li a:visited {
	display:block;
	padding:6px;
	margin:0;
	text-decoration:none;
}

div#sidebar  form {
	margin:0;
	padding:0;
}

/*div#sidebar ul li a:hover, div#sidebar ul li a:active  {
}
*/

/*div#sidebar input {
	font-size:11px;
	line-height:11px;
	padding:3px;
	border:1px solid #AAA;
	background-color:#FFF;
}
*/


/* 右コラム  sidebar2*/

div#sidebar2 h2 {
	margin:15px 0 8px 0;
	padding: 10px 0 0 0;
	border-top:1px #660 dashed;
	font-size:13px;
	color:#630;
}

div#sidebar2 p {
	margin: 0 0 10px 0;
	color:#886644;
}

div#sidebar2 ul {
	margin:0 0 0 0;
	padding:0 0 0 10px;
	list-style:none;
	font-size:11px;
}

div#sidebar2 ul li {
	margin:0;
	padding:0 0 5px 0;
}


/* 右コラム  sidebar-product */

div#sidebar-product h2 {
	margin: 20px -15px 10px 0;
	font-size: 12px;
	color: #fffeff;
	background-color: #5e2933;
	padding: 6px 4px 4px 6px;
	font-weight: normal;
	font-style: normal;
}

div#sidebar-product p {
	font-size: 12px;
	line-height: 150%;;
	margin: 0 0 5px 0;
	color: #6f4745;
}

div#sidebar-product ul {
	margin:0 0 0 0;
	padding:0 0 0 10px;
	list-style:none;
	font-size:11px;
}

div#sidebar-product ul li {
	margin:0;
	padding:0 0 5px 0;
}

a.button_product {
	display: block;
	width: 150px;
	background-color: white;
	padding: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}



/* footer */

div#footer p#pageTop {
	text-align::left;
/*	border-top:1px dotted #CCC;
	padding: 10px 0 0 0;
	float:left;
	position:absolute;*/
}

div#footer p#survey strong {
color:#063;
}




/* Wordpress Tags */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.alignnone {
}

img.alignleft {
   float: left;
   margin:0 10px 10px 0;
}

img.alignright {
   float: right;
   margin:0 0 10px 10px;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.current_page_item, .current_page_ancestor, .current_page_parent {
	font-weight:bold;
}

/* リンクをボタン風に　*/

a.button {
	display:block;
	width:auto;
	margin:20px 0 10px 0;
	padding:0;
	border:1px solid;
	font-weight:bold;
}

/* エラーメッセージ */
p.error {
	color: red;
	margin: 0;
}

/* お知らせメッセージ */
p.message {
	border: 4px solid #CCC;
	font-size: 14px;
	line-height: 135%;
	padding: 10px;
}

/* インプットフォームに添える解説 */
span.description, p.description {
	font-size: 11px;
	color: #666;
}


/* Wordpressのプラグイン「Contactform7」で、チェックボックスの選択肢を一行ずつで表示するCSS */
 span.wpcf7-list-item { display: block; }


/* フォームの見た目
div#contents input {
	font-size: 14px;
	padding: 2px;
}

div#contents select {
	font-size: 14px;
	padding: 2px;
}

div#contents input.required, div#contents select.required {
	background-color: #FFEEEE;
}
*/




div#contents table {
	font-size:12px;
	line-height:18px;
	margin:0 0 20px 0;
}

div#contents th {
	font-weight:bold;
	padding:7px 5px 7px 5px;
	text-align:left;
	background-color:#f2f3ec;
	color: #6f4745;
}

div#contents td {
	border-bottom:1px solid #DDD;
	padding:7px 0 7px 5px;
	color:#333333;
}

div.navigation {
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div.share {
	margin: 15px 0 10px 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}