@charset "euc-jp";



/* --- 全体の背景・テキスト --- */

* {

   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;

   color: #333;

   font-size: 12px;

}



body {

margin: 0;

padding: 0;

background-color: #ffffff; /* ページの背景色 */

color: #000000; /* 全体の文字色 */

font-size: 100%; /* 全体の文字サイズ */

}



br {

   letter-spacing:normal;

}



p {

	letter-spacing:0.1em;

	line-height:auto;/*1.7emより変えた*/

	margin:2px 0 0 0;

	padding:2px 0 0 0;

}



p.kakomi{

	width:697px;

	letter-spacing:0.1em;

	line-height:1.7em;

	margin:2px;

	padding:2px;

	border: 1px #cccccc solid; /* セルの枠線（太さ・色・スタイル） */ 

	text-align:left;

}





a {

   color:#333;

   text-decoration:none;

}



img {

   border:0;/* 枠線なし */

   vertical-align:bottom;

}





address {

	text-align:center;

}



hr.add {

	height: 4px;

	border: none;

	border-top: 4px #ff9999 solid;

}





/* --- 全体のリンクテキスト --- */

a:link { color: #0033CC; }

a:visited {

	color: #663300; 

	text-decoration: none;

}

a:hover {

	color: #330000; 

	text-decoration: underline;

}

a:active {

	color: #CC3300; 

	text-decoration: underline;

}



/*bace.cssの元

a:link { color: #993300; }

a:visited { color: #663300; }

a:hover { color: #330000; }

a:active { color: #CC3300; }

*/



/* --- コンテナとコンテンツ --- */

/* コンテナーはheaderからfooterまでを包む。コンテンツはheaderからmainまでを包む。

アンダーコンテンツはfooterを包む。ソックスはfooterの中身を包む */



#container {

	width: 950px; /* ページの幅 */

	margin: 0 auto; /* センタリング */

	background:; /* サイドバーの背景画像 */

	background-color: #ffffff; /* メインカラムの背景色 */

}



#contents {

	border-left:1px solid #fff;

	border-right:1px solid #fff;

	display:inline-block;

	min-height:100%; /* footer追従のための定義 */

	height:auto !important;

	*height:100%; /* IE6用 */

	position:relative; /*ブラウザウインドウの横幅に対してコンテンツを中央配置*/

}



#contents:after {

	content:"";/*ここでfooter前のfloat:clearを実現*/

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



#under_contents {

	position:relative;

	width: 950px;

	bottom:0;

	margin:-300px auto;

}



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

#header {

	background-color: #fff; /* ヘッダの背景色 */

	width:960px;

	height:119px;

	position:relative;

}



/*--検索プログラム--*/

#searchform1 {

	position: relative;

	width: 200px;

	height: 33px;

}

#keywords1{

    position:absolute;

	width: 140px;

	height: 16px;

	background: #fff;

	border: 1px solid #CCC;

	padding: 2px 2px 2px 2px;

	left: 20px;

	top:7px;

}

#searchBtn1	{

	position: absolute;

	top: 38px;

	left: 50px;

}



dt{

	width: 200px;

	height: 66px;

	background-image: url(ダウンロード/jisya_top/header/images/kensaku_back.gif);

	background-position:center;

}



/* --- ナビゲーション --- */

#nav {

	float: left;

	width: 213px; /* サイドバーの幅 */

	height:auto;

	padding: 0 0 0 20px ;/* サイドバーを左に20px寄せる */

}



#nav iframe{

	width:158px;

	height:2860px;

}



.category ul {

	list-style: none outside;/* サイドバーの境界線⇒なし */

	margin:10px 0 0 0px ;/* メニューとメニューの間の幅 */

}



.ma{

	line-height: 1.5em;/* 行の高さ */

	letter-spacing: 0.1em;/* 字間 */

}



.category td {

	padding:2px 2px 0 2px ;

}



.category table {

	border: 1px #CCCCCC solid;

	padding:10px 0 10px 0;

}



.calender2 {

	color:#990000;

	line-height: 1.5em;/* 行の高さ */

	letter-spacing: 0.1em;/* 字間 */

}





/* --- メインカラム --- */

#main {

	float: left;

	width: 800px; /* メインカラムの幅 */

}





#right_side {

	float: right;

}





#right_side td ul {

	text-align:left;

	list-style-type:none;

	margin:0 10px 10px 0;

}







#right_side table.underfla tr td {

	text-align:left;

}



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

	no7枠エリア

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

div#kikaku_b table.kb {

	border-collapse: collapse; /* 枠線の表示方法 */ 

	border: 1px #cccccc solid; /* セルの枠線（太さ・色・スタイル） */ 

	width:700px;



}



div#kikaku_b table.kb td.kkb{

	padding:2px 4px;



}



div#kikaku_b table.kb td{

	border-left: 1px #cccccc solid; /* セルの枠線（太さ・色・スタイル） */ 



}



div#kikaku_b table.kb td.b_rule{

	border-bottom: 1px #cccccc solid;

	line-height:20px;

}



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

 no17とno22用レポートエリア

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

.report{

margin: -7px -7px 10px; /* 見出しのマージン（上、左右、下） */

padding-bottom: 1px; /* 見出しの下パディング */

border-bottom: 1px #cccccc solid;  /*見出しの下境界線 */

}



ul.report {

width: 350x; /* レポートエリアの幅 */

padding: 7px 7px; /* レポートエリアのパディング（上下、左右） */

border: 1px #c0c0c0 solid; /* レポートエリアの境界線 */

}



/* --- 見出し --- */

ul.report h3 {

margin: 0 -7px 0px; /* 見出しのマージン（上、左右、下） */

padding-bottom: 1px; /* 見出しの下パディング */

/*border-bottom: 1px #c0c0c0 solid;  見出しの下境界線 */

font-size: 120%; /* 見出しの文字サイズ */

}



/* --- 罫線エリア --- */

ul.report li.ruled {

background: url(ダウンロード/ruled_27.gif) 0 -3px; /* 罫線の背景 */

font-size: 100%;

line-height: 20px; /* 行の高さ */

}



/* --- 段落 --- */

ul.report li.ruled p {

padding: 10 10 7px; /* 段落のマージン（上、左右、下） */

}



/* --- 最後の段落 --- */

ul.report li.ruled p.last {

padding: 10 10 7px; /* 段落のマージン */

}













#right_side td {

	text-align:center;

	vertical-align:center;

	padding:5px 0 0 0;

	line-height:1.5em;

}



.kiiro {

	background-color:#ffffe0;

}



.voiced{

	text-align:left;!important

}





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

#footer {

	width: 720px;

	height:auto;

	text-align:left;

	float:right;

}



#footer iframe {

	width: 700px;

	height:590px;

}





.f01 {

	width:345px;

	float:left;

}



.f02 {

	width:345px;

	float:right;

}



.f03 {

	width:720px;

	clear:both;

}



.f03 p {

	text-align:right;

}



.f02 td{

	vertical-align:top;

}



.f_section {

	margin:10px 0 0 0;

}



.f_section img {

	margin:4px 0 3px 0;

}



.f_section ul {

	list-style-type:decimal;

}



.f_se_m1 {

	width:220px;

	float:left;

}



.f_se_m1 table {

	border: 1px #CCCCCC solid;

	padding:10px 0 10px 0;

}



.f_se_m2 {

	width:235px;

	float:right;

}



p.f_se_m3 {

	padding:0 0 0 6px;

}



/* --- new/adorable.cssに入っていたタグ --- */



.smallsize {  font-size: 10px; color: #333333}

.midiumsize {  font-size: 12px; color: #333333}



/*

A:link		{color: #0033CC;}

A:visited	{text-decoration: none;}

A:hover		{color: #BD0000;text-decoration: underline;}

A:active {color:#333333;text-decoration: underline;}

*/



/* --- templates/default/stylesheet.cssに入っていたタグ --- */



form{

	margin: 0;

	padding: 0;

}



.floatleft{

	float: left;

}



.floatright{

	float: right;

}



.alignleft{

	text-align: left;

}



.alignright{

	text-align: right;

}



.aligncenter{

	text-align: center;

}



.clearboth{

	clear: both;

	display: none;

}



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

　　パーツのスタイル

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



/* --- 一覧表示の奇数行用 --- */



.odd{

	background: #f4f7fd;

}



/* --- 一覧表示の偶数行用 --- */



.even{

	background: #ffffff;

}



/* --- 入力フォームのタイトル幅揃え用 --- */



.formh{

	width: 8em;

}



/* --- 入力フォームのTEXTAREA --- */



textarea {

	width: 100%;

}



/* --- レジチェックボックス・マウスオフ --- */



.moduleRow { 

	background-color: #E4F9FF;

}



/* --- レジチェックボックス・マウスオーバー --- */



.moduleRowOver {

	background-color: #D7E9F7;

	cursor: hand;

}



/* --- レジチェックボックス選択行 --- */



.moduleRowSelected {

	background-color: #D7E9F7;

}



/* --- レジチェックボックス・ブロック表示 --- */



.block {

	padding: 5px;

	border: 1px solid #7b9ebd;

	background-color: #FFFFFF;

}



/* --- 「ご注文の最終確認」ページ「変更」文字 --- */



.orderEdit {

	color: #70d250;

	text-decoration: underline;

}



/* --- メッセージ（こんにちは、○○さん〜） --- */



.greetUser {

	color: #0000a0;

	font-weight: bold;

}



/* --- 商品価格 --- */



.productPrice {

	color: #000000;

	font-weight: bold;

}



/* --- 本体価格 --- */



.productHontaiPrice {

	color: #000000;

}



/* --- 通常価格 --- */



.productRegularPrice {

	color: #ff0000;

	font-weight: bold;

}



/* --- 特価商品価格 --- */



.productSpecialPrice {

	color: #ff0000;

	font-weight: bold;

}



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

　　エラー表示・情報表示のスタイル

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



div.messageBox {

	margin-bottom: 0.5em;

}



div.messageBox p{

	padding: 5px;

}



div.messageBox p.messageStackError, p.messageStackWarning{

	background-color: #FFE6E6;

	border: 2px solid #FF0000;

	font-weight: bold;

}



div.messageBox p.messageStackSuccess{

	background-color: #99ff00;

}



/* --- 一番上で表示されるエラー --- */



#errorBox{

	background: #ffb3b5;

	font-weight: bold;

}



#headerError{

	background: #ff0000;

	font-weight: bold;

	color: #ffffff;

}



#headerInfo{

	background: #00ff00;

	font-weight: bold;

	color: #ffffff;

}



/* --- フォームの入力案内 --- */



.notice_s{

	font-size: 90%;

	color: #8899bb;

}



/* --- フォームの入力エラー --- */



.error_s{

	font-size: 90%;

	color: #ff0000;

}



/* --- 注意・警告 --- */



.warning{

	color: #cc0033;

}



/* --- エラー --- */



.error{

	color: #ff0000;

}



/* --- 注意・警告（強調） --- */



.warning_bold{

	color: #cc0033;

	font-weight: bold;

}



/* --- エラー（強調） --- */



.error_bold{

	color: #ff0000;

	font-weight: bold;

}



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

　　レイアウトテーブル





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



td#contentsleft,td#contentsright,td#contentsmain{

	vertical-align: top;

	padding-bottom: 0.5em;

}



td#contentsmain{

	background: #ffffff;

}



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

　　メインコンテンツ

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



div#contentsmain {

	font-size: 85%;

	color: #363636;

	margin-bottom: 0.5em;

	padding-right: 10px;

	padding-left: 10px;

}



div#contentsmain .small{

	font-size: 80%;

	color: #363636;

	line-height: 130%;

}



div#contentsmain h1{

	font-size: 130%;

	color: #FF6699;

	line-height: 130%;

	margin: 0 0 1em 0;

	border-bottom: 2px solid #FF6699;

	font-weight: bold;

}



div#contentsmain h1.full{

	font-size: 150%;

	color: #363636;

	line-height: 150%;

	margin-bottom: 1em;

	padding-left: 0.3em;

	margin-right: 0;

	border-left: 0.5em solid #8B73A8;

	border-bottom: 1px solid #999999;

	font-weight: bold;

}



div#contentsmain h2{

	font-size: 130%;

	color: #363636;

	line-height: 150%;

	margin-top: 2em;

	margin-bottom: 1em;

	padding-left: 0.3em;

	border-left: 0.5em solid #AA0000;

	border-bottom: 1px solid #999999;

	border-right: 1px solid #999999;

	font-weight: bold;

	background: #eeeeee;

}



div#contentsmain h3{

	font-size: 110%;

	color: #363636;

	line-height: 150%;

	margin-top: 2em;

	margin-bottom: 1em;

	padding-left: 0.3em;

	border-left: .5em solid #eeeeee;

	border-bottom: 1px solid #999999;

	border-right: 1px solid #999999;

	background: #eeeeee;

	font-weight: bold;

}



div#contentsmain th {

	font-size: 85%;

	color: #363636;

	line-height: 130%;

	font-weight: bold;

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

}



div#contentsmain td {

	font-size: 85%;

	color: #363636;

	line-height: 130%;

	padding-top: 2px;

	padding-bottom: 2px;

}



div#contentsmain .icon a:link{

	line-height: 150%;

	border-bottom: 1px dashed #cfcfdf;

	padding-left: 5px;

	margin-left: 2em;

	margin-top: 2px;

	margin-bottom: 2px;

	border-left: .5em solid #DDDDDD;

}



div#contentsmain .icon a:visited{

	line-height: 150%;

	border-bottom: 1px dashed #cfcfdf;

	padding-left: 5px;

	margin-left: 2em;

	margin-top: 2px;

	margin-bottom: 2px;

	border-left: .5em solid #DDDDDD;

}



div#contentsmain .icon a:active{

	line-height: 150%;

	border-bottom: 1px dashed #cfcfdf;

	padding-left: 5px;

	margin-left: 2em;

	margin-top: 2px;

	margin-bottom: 2px;

	border-left: .5em solid #DDDDDD;

}



div#contentsmain .icon a:hover{

	line-height: 150%;

	border-left: .5em solid #AA0000;

}



/* --- ボックス --- */



div#contentsmain div{

	clear: both;

	margin-top: 0.5em;

	margin-bottom: 1em;

}



/* --- ボックス（通常用） --- */



div#contentsmain div.main{

}



/* --- ボックス（レビュー用） --- */



div#contentsmain div.reviews{

	clear: none;

}



/* --- ボックス（画面下のボタン用） --- */



div#contentsmain div.navi{

	margin-bottom: 2.0em;

}



/* --- ボックス（一覧表示の上部用） --- */



div#contentsmain div.header{

	margin-top: 0em;

	margin-bottom: 0.5em;

}



/* --- ボックス（一覧表示の下部用） --- */



div#contentsmain div.footer{

	padding-top: 0.5em;

	border-top: 1px solid #999999;

}



/* --- ボックス（情報ボックス用） --- */



div#contentsmain div.infobox {

	margin-top: 3px;

	border: 1px solid #ccd4e4;

	background: #f8f8f9;

}



div#contentsmain div.reviewbox {

	margin-top: 3px;

	border: 1px solid #ffae5e;

	background: #fffbe8;

}



/* --- ボックス（情報ボックスに縦線を入れる用） --- */



div#contentsmain div.infoboxsp {

	border-right: 1px solid #ccd4e4;

}



/* --- ボックス（情報ボックス内、子ボックス用） --- */



div#contentsmain div.formarea {

	margin: 0;

	padding: 5px;

	border: 1px solid #7b9ebd;

	background: #f1f9fe;

}



/* --- ボックス（案内ボックス用） --- */



div#contentsmain div.infoboxnotice {

	margin-top: 3px;

	border: 1px solid #FF8E90;

	background: #FFE6E6;

}



/* --- ボックス（商品ページ・商品ボックス用） --- */



div#contentsmain div.plainbox{

	padding: 0.5em;

	border: 1px solid #ccd4e4;

}



div#contentsmain div.navi p, div.header p, div.footer p{

	margin: 0;

	padding: 0;

}



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

　　<table>用スタイル

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



/* --- 情報ボックス（コンテンツ） --- */



.infoBoxContents {

	background: #f8f8f9;

}



/* --- 案内情報ボックス（コンテンツ） --- */



.infoBoxNoticeContents {

	background: #FFE6E6;

}



/* --- TR：商品一覧（タイトル） --- */



TR.productListing-heading {

	background: #ccd4e4;

}



/* --- TD：商品一覧（タイトル） --- */



TD.productListing-heading {

	background: #ccd4e4;

	color: #000000;

	font-weight: bold;

	font-variant: small-caps;  /* 文字異体（全て大文字にする） */

}



/* --- TD：アドレス帳、レビュー一覧等の項目名 --- */



TD.tableHeading {

	font-weight: bold;

}



div#contentsmain table.productListing {

	border-left:1px dashed #FF9C00;

}



div#contentsmain table.productListingWith {

	border-top:1px dashed #FF9C00;

	border-left:1px dashed #FF9C00;

}



div#contentsmain td.productListing {

	width: 33%;

	text-align: center;

	vertical-align: top;

	font-size: 80%;

	line-height: 1.3em;

	padding: 5px;

	border-right:1px dashed #FF9C00;

	border-bottom:1px dashed #FF9C00;

}



div#contentsmain td.productListing img {

	margin-top: 3px;

}