@charset "shift_jis";

@import "slideshow.css";

/*---------- ページ全体の指定 ----------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "Hiragino KaKu Gothic Pro", Osaka;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 12.5px;
	color: #000000;
	background-color: #f5f5f5;
	line-height: 1.5em;
}

a:link {
	color: #666666;
	font-size: 12.5px;
}

a:visited {
	color: #700;
	font-size: 12.5px;
}

a:hover {
	text-decoration: underline;
	color: #0000ff;
	font-size: 12.5px;
}

a:active {
	color: #700;
	font-size: 12.5px;
}

a img{
	border:0;
	opacity: 1;
	transition: 0.3s;
}

a:hover img{
	opacity: 0.5;
}

p {
	margin: 20px 0 20px 0;
	line-height: 100%;
	letter-spacing: 1px;
}

h1 {
	font-size: 12px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
}

h2 {
	font-size: 18px;
	margin: 8;
	color: #008d43;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	width: 580px;
	height: 35px;
	background-image: url(../img/tittle_back.gif);
	background-repeat: no-repeat;
	text-align: left;
}

h3 {
	font-size: 13px;
	color: #333;
	line-height: 20px;
	text-align: center;
}

h4 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #333;
}

h6 {
	font-size: 18px;
	margin: 0;
	color: #008d43;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	width: 580px;
	height: 35px;
	background-image: url(../img/tittle_back.gif);
	background-repeat: no-repeat;
	text-align: left;
}


.gyo {line-height: 200%;}/*---------- 行間広げます ----------*/


.style5 {font-size: 9px; }/*---------- 小さい文字 ----------*/
.style7 {color: #000000; font-size: 9px; }/*---------- 黒色 縮小----------*/
.style777 {color: #000000; font-size: 12.5px; font-weight: bold; }/*---------- 黒色 太字 少し拡大----------*/
.style8 {color: #FF0000}/*---------- 赤色 ----------*/
.style10 {color: #FF0000; font-size: 15px; font-weight: bold; }/*---------- 赤色 文字少し拡大----------*/
.style122 {color: #0000FF; font-size: 25px; font-weight: bold; }/*---------- 青色 太字 文字拡大----------*/
.style1222 {color: #0000FF; font-size: 16px; font-weight: bold; }/*---------- 青色 太字 文字拡大----------*/
.style13 {color: #000000; font-size: 18px; font-weight: bold; }/*---------- 黒色 太字 文字拡大----------*/
.style14 {color: #000000; font-size: 10.5px; line-height: normal; }/*---------- 黒色 ----------*/
.style141 {color: #FF0000; font-size: 10.5px; line-height: normal; }/*---------- 赤色 ----------*/
.style15 {color: #000000; font-size: 15px; font-weight: 900; }/*---------- メイン 黒色 太字 ----------*/
.style16 {color: #000000; font-size: 25px; font-weight: bold; }/*---------- 黒色 太字 文字拡大----------*/

/*---------- ↓一品星で使用中↓ ----------*/
.style08 {color: #FF6600}/*---------- オレンジ ----------*/
.style88 {color: #FF0000; font-size: 13px; font-weight: bold; }/*---------- 赤色 太字 文字拡大----------*/
.style888 {color: #FF0000; font-size: 20px; font-weight: bold; }/*---------- 赤色 太字 文字拡大----------*/
.style666 {color: #359F38; font-size: 25px; font-weight: bold; }/*---------- 黒色 太字 文字拡大----------*/

#footer p img{border:none;} 


/*---------- ↓抜き出し印刷_料金表↓ ----------*/
table.no1{
	border-collapse:collapse;
	background-color:#666666;
	text-align: right;
	padding:0 0 1px;
}

th.hyo2{
	border:1px solid;
	width: 57px;
	height: 30px;
	background-color:#cccccc;
	text-align: center;
	font-size: 95%;
}

td.hyo3{
	border:1px solid;
	width:57px;
	height:30px;
	background-color:#ffffff;
	text-align: right;
	padding:0 0 1px;
	font-size: 95%;
}

td.hyo4{
	border:1px solid;
	width:57px;
	height:30px;
	background-color:#eeeeee;
	text-align: center;
	font-size: 95%;
}

caption{
	text-align: left;
}
/*---------- ↑抜き出し印刷_料金表↑ ----------*/

/*---------- ↓基本_料金表↓ ----------*/
table.no3{
	border-collapse:collapse;
	width:100px;
	text-align: center;
}

td.hyo6{
	border:1px solid;
	width:95px;
	height:30px;
	background-color:#ffffff;
	text-align: center;
}
/*---------- ↑基本_料金表↑ ----------*/

/*---------- ↓ポスター_料金表↓ ----------*/
table.no4{
	border-collapse:collapse;
	width:60px;
	text-align: center;
}

td.hyo7{
	border:1px solid;
	width:58px;
	background-color:#ffffff;
	text-align: center;
}
/*---------- ↑ポスター_料金表↑ ----------*/

/*---------- ↓ブライダルブック_料金表↓ ----------*/
td.hyo8{
	border:1px solid;
	width: 80px;
	height: 25px;
	background-color:#FCE2C3;
	text-align: center;
	font-size: 95%;
}


td.hyo9{
	border:1px solid;
	width: 98px;
	height: 25px;
	background-color:#ffffff;
	text-align: center;
	font-size: 95%;
}

td.hyo10{
	border:0px solid;
	width: 10px;
	height: 25px;
	background-color:#ffffff;
	text-align: center;
	font-size: 95%;
}
/*---------- ↑ブライダルブック_料金表↑ ----------*/

/*---------- ↓同人誌印刷_料金表↓ ----------*/
table.no11{
	border-collapse:collapse;
	background-color:#666666;
	text-align: right;
	padding:0 0 1px;
}

th.hyo22{
	border:1px solid;
	width: 92px;
	height: 0px;
	background-color:#cccccc;
	text-align: center;
	font-size: 95%;
}

td.hyo33{
	border:1px solid;
	width: 92px;
	height: 0px;
	background-color:#ffffff;
	text-align: right;
	padding: 0px 7px 0px 7px;
	font-size: 95%;
}

td.hyo44{
	border:1px solid;
	width:92px;
	height:0px;
	background-color:#eeeeee;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
}
/*---------- ↑同人誌印刷_料金表↑ ----------*/


/*---------- ↓トップページ かわら版↓ ----------*/
table.no77{
	border-collapse:collapse;
	background-color:#fff9b1;
	text-align: right;
	padding:0 0 1px;
}

td.hyo77{
	width:100px;
	background-color:#fff9b1;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	font-size: 95%;
}

td.hyo88{
	width:480px;
	background-color:#fff9b1;
	text-align: left;
	padding: 5px 5px 25px 5px;
	font-size: 95%;
}
/*---------- ↑トップページ かわら版↑ ----------*/


/*---------- 左サイドmenu内テーブル ----------*/
table.no2{
	border-collapse:collapse;
	width:180px;
	text-align: center;
}

td.hyo5{
	border:0px solid;
	height:40px;
	text-align: center;
}

/*---------- メイン ----------*/
#main {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	background-image: url(../img/left_bk.jpg);
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00a73c;
	border-right-color: #c6c6c6;
	border-bottom-color: #c6c6c6;
	border-left-color: #c6c6c6;
}


/*---------- ヘッダー ----------*/
#header {
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	width: 800px;
}

#header h1 {
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #ffffff;
	background-color: #00a73c;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}

#header a:hover{
text-decoration: none;
background-color: #AACD03; 
}


/*---------- コンテンツ ----------*/
#container {
	margin: 0 auto; 
	padding: 0px;
	width: 800px;
	background: url(../img/pageback_880.gif) repeat-y center top; 
}


/*---------- メインコンテンツ ----------*/
#contents {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 585px;
	background-color: #ffffff;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#contents h1 {
	margin: 0px 0px 0px 0px;
	line-height: 110%;
	font-size: 18px;
	color: #FF0000;
	background-image: url(../img/titlebar_02.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 60px;
	background-position: center;
}


/*---------- メニュー ----------*/
#menu {
	float: left;
	width: 196px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	background-image: url(../img/left_bk.jpg);
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top: solid 20px #ffffff;
}


/*---------- 左サイドバー 一番星メイン ----------*/
#menu02 li {
list-style:none;
margin-bottom:3px;
}

#menu02 li a {
margin: 0 0 0 -40px;
display:block;
width:170px;
padding:6px 0px 6px 10px;
text-decoration:none;
font-size: 13px;
font-weight: bold;
background-color:#fffcd1;
color:#333;
}

#menu02 a:hover{
text-decoration: none;
color: #333;
background-color: #ffffff; 
}


/*---------- 左サイドバー 豆知識 ----------*/
#menu03 li {
list-style:none;
margin-bottom:3px;
}

#menu03 li a {
margin: 0 0 0 -40px;
display:block;
width:170px;
padding:6px 0px 6px 10px;
text-decoration:none;
font-size: 13px;
font-weight: bold;
background-color:#FFF0F5;
color:#333;
}

#menu03 a:hover{
text-decoration: none;
color: #333;
background-color: #ffffff; 
}


/*---------- 左サイドバー miniシリーズ ----------*/
#menu04 li {
list-style:none;
margin-bottom:3px;
}

#menu04 li a {
margin: 0 0 0 -40px;
display:block;
width:170px;
padding:6px 0px 6px 10px;
text-decoration:none;
font-size: 13px;
font-weight: bold;
background-color:#f2faff;
color:#333;
}

#menu04 a:hover{
text-decoration: none;
color: #333;
background-color: #ffffff; 
}


/*---------- 左サイドバー 一品星 ----------*/
#menu10 li {
list-style:none;
margin-bottom:3px;
}

#menu10 li a {
margin: 0 0 0 -40px;
display:block;
width:170px;
padding:6px 0px 6px 10px;
text-decoration:none;
font-size: 13px;
font-weight: bold;
background-color:#F0FFF0;
color:#333;
}

#menu10 a:hover{
text-decoration: none;
color: #333;
background-color: #ffffff; 
}


/*---------- 左サイドバー 花カレンダー ----------*/
#menu100 li {
list-style:none;
margin-bottom:3px;
}

#menu100 li a {
margin: 0 0 0 -40px;
display:block;
width:170px;
padding:6px 0px 6px 10px;
text-decoration:none;
font-size: 13px;
font-weight: bold;
background-color:#FFCCFF;
color:#333;
}

#menu100 a:hover{
text-decoration: none;
color: #333;
background-color: #ffffff; 
}


/*---------- メニュー ----------*/


/*---------- 訪問済み
#menu02 li a:visited{
background-color:#aaaaaa;
color:#ffffff;
} ----------*/
/*---------- マウスオーバー
#menu02 li a:hover{
background-color:#cc3300;
color:#ffffff;
} ----------*/


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

#footer {
  clear: both;
  margin: 0;
  padding: 2px 0 6px 4px;
  text-align: left;
  font-size: 12px;
  line-height: 25px;
  color: #666666;
  border-top: solid 1px #c6c6c6;
  border-top-color: #999999;
  background-color: #ffffff;
}


/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../img/line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal; /* 文字のスタイル（ノーマル） */
color: #808080; /* 文字色 */
text-align: center;
line-height: 20px; /* 行の高さ */
}




/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- ヘッダメニュー --- */
#header ul.nl {
width: 800px; /* メニューの幅（ページの幅から2px引いた値） */
margin: 0;
padding: 0;
background: #00a73c repeat-x top; /* ヘッダメニューの背景 */
border: 0px solid; /* ヘッダメニューの境界線（太さ、スタイル） */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header ul.nl li {
width: 100px; /* 項目の幅 */
float: left;
line-height: 150%;
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 2px; /* リンクエリアのパディング（上下、左右） */
border: 1px solid; /* リンクエリアの境界線（太さ、スタイル） */
border-color: #cbc0a7 #7d735f #7d735f #cbc0a7; /* リンクエリアの境界線色（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
font-size: 11px; /* 文字の大きさ */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
}



/* TOPに戻る */
#page_top {
    position: fixed;
    bottom: 30px;
    right: 20px;
}
#page_top a {
    background-color:  #ff99cc;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 12px 12px;
    border-radius: 6px;
}
#page_top a:hover {
    background-color: #ffd9ff;
    text-decoration: none;
}