/*－－－－－－テンプレAとB共通CSS－－－－－－－－ */

/*－－－－－－－－－－パンくずリスト用－－－－－－－－－－－ */

ol#topicpath {
	text-align: left;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

ol#topicpath li {
	font-size: 11px;
	line-height: 1em;
	display: inline;
	list-style-type: none;
}

ol#topicpath li a {
	background-image: url(../images/topickpath.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000000;
}

ol#topicpath li a:hover {
	color: #FF9900;
}

/*－－－－－－－－－－強調ピンクアンダーライン－－－－－－－－－－－ */

p.entrysection strong {
	font-weight: normal;
	background-image: url(../images/linepink_03.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*－－－－－－－－－－強調ブルーアンダーライン－－－－－－－－－－－ */

p.entrysection em {
	font-style: normal;
	background-image: url(../images/lineblue_03.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*－－－－－－－－－－通常段落のクラス－－－－－－－－－－－ */

p.entrysection {
	font-size: 12px;
	line-height: 1.3em;
	font-weight: normal;
	color: #000000;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 40px;
	padding: 0px;
}

/*－－－－画像をリンクした時hoverすると赤枠になる画像タグにクラスをいれてね－－－－ */

p.entrysection a:hover img.photo {
	background-color: #FFFFFF;
	border: 1px dotted #FF0000;
	padding: 4px;
	margin: 0px;
}

/*－－－－－－－－－－画像の周りに余白いれた－－－－－－－－－－－ */

img {
	margin: 5px;
}

/*－－－－－見出しの横にサブタイトル（1・2・3使えるように）－－－－ */
/*h1～3をいれてサブタイトルをいれたい文字をspanを設定する*/
/*<h1>見出し<span class="submidasi>サブタイトル</span></h1>*/

.submidasi {
	font-size:11px;
	color:#FF9900;
	font-weight: normal;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*－－－－－－－－－－見出し１黒（１回のみ）－－－－－－－－－－－ */

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	margin-bottom: 12px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*－－－－－－－－－－見出し２青－－－－－－－－－－－ */

h2 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #3399FF;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0033FF;
	border-bottom-color: #0033FF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCFFFF;
	border-left-color: #CCFFFF;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*－－－－－－－－－－見出し３水色－－－－－－－－－－－ */

h3 {
	font-size: 14px;
	font-weight: normal;
	color: #3399FF;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3399FF;
	border-left-color: #3399FF;
	margin-bottom: 12px;
	padding-bottom: 2px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

/*－－－－－－－－－－見出し４笑うこびと－－－－－－－－－－－ */

h4 {
	background-image: url(../images/kobito_warau.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-size: 12px;
	color: #000000;
	height: 20px;
	margin-bottom: 12px;
	padding-top: 10px;
}

/*－－－－－－－－－－見出し５泣くこびと－－－－－－－－－－－ */

h5 {
	background-image: url(../images/kobito_naku.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-size: 12px;
	color: #000000;
	height: 26px;
	margin-bottom: 12px;
	padding-top: 10px;
}

/*－－－－－－－－－－見出し６はてなこびと－－－－－－－－－－－ */

h6 {
	background-image: url(../images/kobito_hatena.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-size: 12px;
	color: #000000;
	height: 18px;
	margin-bottom: 12px;
	padding-top: 15px;
}

/*－－－－－－－－－－青いボタン（9文字まで長さ対応）－－－－－－－－－－－ */

ul li.entry {
	font-size: 14px;
	line-height: 1.7em;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	list-style-type: none;
}

ul li.entry a {
	font-size: 14px;
	background-image: url(../images/btentry.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	color: #000099;
	font-weight: normal;
}

ul li.entry a:hover {
	color: #FFFFFF;
	font-weight: normal;
}

ul li.entry a span {
	background-image: url(../images/btentry.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/*－－－－－－－－－－通常のテーブル緑・白－－－－－－－－－－－ */

table.outline {
	border-spacing:1px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-left: 50px;
	color: #2f2120;
	background-color: #333333;
	border :0;
	border-collapse: separate;
}

table.outline th {
	font-weight: normal;
	padding: 7px;
	vertical-align:top;
	background-color: #99CC33;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCFF99;
	border-left-color: #CCFF99;
}

table.outline td {
	padding: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #FFFFFF;
	background-color: #FFF;
}

table.outline td:hover {
	background-color: #FF9;
}

/*－－－－－－－－－－地図用－－－－－－－－－－－ */

div#map {
	height: 500px;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

/*－－－－－－－－－－小さい文字のテーブルオレンジ－－－－－－－－－－－ */

table.small {
	border-spacing:1px;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #2f2120;
	background-color: #999999;
	border :0;
	border-collapse: separate;
	padding: 0px;
	margin-left: 50px;
}

table.small th {
	font-weight: normal;
	padding: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFF99;
	border-left-color: #FFFF99;
	vertical-align:middle;
	background-color: #FFCC00;
}

table.small td {
	background-color: #FFFFFF;
	padding: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFCC;
	border-left-color: #FFFFFF;
}

/*－－－－－－－－－－アンカーリンク用－－－－－－－－－－－ */

p.topup {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 24px;
	width: 95px;
	display: block;
	float: right;
	background-image: url(../images/pagetop_03.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

p.topup a {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 24px;
	width: 95px;
	display: block;
	float: right;
	background-image: url(../images/pagetop_03.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

p.topup a:hover {
	background-image : url(../images/pagetophover_03.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*－－－－－－－－－－オレンジ色table.download－－－－－－－－－－－ */

table.download {
	border-spacing:1px;
	font-size: 12px;
	color: #000000;
	background-color: #CCCC66;
	border :0;
	border-collapse: separate;
	padding: 0px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

table.download caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
	padding-left: 10px;
	background-color: #FFFF99;
	padding-top: 6px;
	padding-bottom: 3px;
}

table.download th {
	font-weight: normal;
	padding: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC66;
	border-left-color: #FFCC66;
	vertical-align:middle;
	background-color: #FFCC66;
}

table.download td {
	background-color: #FFFFFF;
	padding: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFCC;
	border-left-color: #FFFFFF;
	line-height: 1.3em;
}

/*－－－－－talbe用アンダーライン作りました※downloadのみ－－－－－－－ */

/* tdにclassでpinkまたはblueを選択してラインを引きたい所にstrongまたはemでくくる */

table.download td.pink strong {
	margin: 0px;
	padding: 0px;
	background-color: #FF99CC;
	font-weight: normal;
}

table.download td.blue em {
	background-color: #99FFFF;
	font-style: normal;
}

/*－－－－－－－－－－デジタルカタログを見る用－－－－－－－－－－－ */

p.dc a {
	background-repeat: no-repeat;
	background-position: right center;
	height: 35px;
	width: 152px;
	display: block;
	background-image: url(../images/dc.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 436px;
	padding: 0px;
}

p.dc a:hover {
	background-image : url(../images/dc_hover.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-position: right center;
}

/*－－－－－－－－－－色見本・紙見本用テーブル－－－－－－－－－－－ */

table.mihonlist {
	font-size: 11px;
	color: #000000;
	border-collapse: separate;
	text-align: center;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin-bottom: 15px;
}

table.mihonlist td {
	padding-top: 10px;
	padding-bottom: 10px;
}

/*－－－－－－－－－－料金表を見る用－－－－－－－－－－－ */

p.kakaku a {
	background-repeat: no-repeat;
	background-position: right center;
	height: 35px;
	width: 150px;
	display: block;
	background-image: url(../shiyou/shiyou_pict/ryoukin.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 438px;
	padding: 0px;
}

p.kakaku a:hover {
	background-image : url(../shiyou/shiyou_pict/ryoukin_hover.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-position: right center;
}

/*－－－－－－強調したいボックス－－－－－－－－ */

p.marker1 {
	font-size: 12px;
	background-color: #FFFF66;
	border: 1px solid #FF0000;
	padding: 10px;
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 20px;
}

p.marker2 {
	font-size: 14px;
	background-color: #FFFF66;
	border: 1px solid #FF0000;
	padding: 10px;
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}

p.marker3 {
	font-size: 16px;
	background-color: #FF0000;
	border: 2px solid #FFFF00;
	padding: 10px;
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #FFFF33;
}

p.marker4 {
	font-size: 14px;
	background-color: #FF3333;
	padding: 10px;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}

/*----コミスタのところ用----*/

div.no1 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.no2 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.no3 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.no4 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.no5 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.no6 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/06.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.no7 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/07.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.no8 {
	padding-left: 25px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #66ccff;
	background-image: url(../howtodata/howtodata_pict/no/08.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*－－－－－－－－－－価格表のtable用－－－－－－－－－－－ */

table.pricelist {
	border-spacing:1px;
	font-size: 12px;
	color: #000000;
	background-color: #666666;
	border :0;
	border-collapse: separate;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 30px;
}

table.pricelist caption {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFF99;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #99CC00;
}

table.pricelist th {
	font-weight: normal;
	padding: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #99CC00;
	border-left-color: #99CC00;
	vertical-align:middle;
	background-color: #99CC00;
}

table.pricelist td {
	background-color: #FBD2F1;
	padding: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FBD2F1;
	border-left-color: #FBD2F1;
	text-align: center;
}

table.pricelist td.kihonran {
	background-color: #FF9999;
	border-top-color: #FF9999;
	border-left-color: #FF9999;
}

/*追記用*/

.tuiki {
	font-size: 12px;
	color: #060;
	border: 1px solid #060;
	display: inline;
	margin-left: 20px;
	padding: 3px;
}

/*□*/

.log{
	font-size: 14px;
	background-image: url(../images/log.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	padding-left: 17px;
	margin-left: 20px;
	font-weight: bold;
	line-height: 1.5em;
}

/*メール届かないYO*/

p.mailer a {
	background-image: url(../mitumori/mitumori_pict/ma_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 54px;
	width: 284px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}

p.mailer a:hover {
	background-image: url(../mitumori/mitumori_pict/ma_h.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 2px 2px;
}

/*データ手順やりなおし*/

div.navibox {
	padding: 0px;
	width: 558px;
	border: 1px solid #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

div.topbox {
	padding: 0px;
	height: 49px;
	width: 558px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin: 0px;
}

div.navi_gazou {
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	margin: 0px;
}

div.navih {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	float: right;
	width: 500px;
	padding-top: 15px;
}

div.clear {
	clear: both;
}

div.mainnavi{
	width: 558px;
}

p.navi_d {
	font-size: 11px;
	line-height: 1.5em;
	padding: 9px;
}

p.navi_d em {
	font-size: 11px;
	line-height: 1.5em;
	color: #F00;
	background-color: #CF9;
	font-style: normal;
}

/*データ流れ用のテーブル*/

table.navidate th {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

table.navidate td {
	font-size: 12px;
	line-height: 1.5em;
	padding: 10px;
	vertical-align: top;
}

/*pdf書き出し*/

div.finding {
	width: 575px;
	border: 1px solid #039;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

div.findbox {
	width: 573px;
	display: block;
	height: 45px;
}

div.findgazou {
	float: left;
	height: 45px;
	width: 70px;
}

div.find_h {
	font-size: 16px;
	font-weight: normal;
	color: #039;
	display: block;
	margin-top: 10px;
	float: right;
	width: 480px;
}

div.findclear {
	clear: both;
	width: 573px;
	margin: 0px;
	padding: 0px;
}

div.findmain {
	width: 573px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}