@charset "utf-8";
/* PC用CSS */
@media print, screen and (min-width: 640px) {

*{
    margin:0;
    padding:0;
    font:normal normal normal 100%/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif;
    border:none;
}
img {
	border: 0;
    margin: 0;
    padding: 0;
}
a:hover img{
	opacity: 0.8;
}
body{
    margin:0px auto;
    padding:0px;
    font-style:normal;
    font-weight:normal;
    font-size:small;
    text-align:center;
    color:#000;
    background-image:url(../img/w958.png);
    background-color:#fff;
}
table{
    margin:10px auto;
    padding:0px;
    border-collapse: collapse;
    text-align:right;
    background-color:;
    border: 1px #000 solid;
}
th{
    padding:3px 10px 3px 10px;
    border-collapse: collapse;
    text-align:left;
    background-color:#F8F8F8;
    border: 1px #000 solid;
    font-size: 120%;
    width: 150px;
}
th.okiku{
    padding:3px 10px 3px 10px;
    border-collapse: collapse;
    text-align:left;
    background-color:#EEEEEE;
    border: 1px #000 solid;
    font-size: 120%;
    width: 150px;
    height: 50px;
}
td{
    padding:3px 10px 3px 10px;
    border-collapse: collapse;
    text-align:left;
    background-color:#fff;
    border: 1px #000 solid;
    font-size: 120%;
    width: 600px;
}
td.okiku{
    padding:3px 10px 3px 10px;
    border-collapse: collapse;
    text-align:left;
    background-color:#EEEEEE;
    border: 1px #000 solid;
    font-size: 120%;
    width: 600px;
}
td.ttl1{
    padding:5px 0px 5px 0px;
    background-color:transparent;
    border: transparent;
    font-size: 140%;
    text-align:center;
    font-weight: bold;
}
td.ttl2{
    padding:5px 0px 5px 0px;
    background-color:#fff;
    border: transparent;
    font-size: 140%;
    text-align:center;
    font-weight: bold;
}
td.ttl3{
    padding:5px 0px 5px 0px;
    background-color:#fff;
    background-image:url(../img/w505.gif);
    font-size: 140%;
    text-align:center;
    font-weight: bold;
}
td.ttl35{
    padding:5px 0px 5px 0px;
    background-color:#fff;
    background-image:url(../img/w505.gif);
    font-size: 140%;
    text-align:center;
    font-weight: bold;
    height: 70px;
}
td.ttl4{
    padding:5px 0px 5px 0px;
    background-color:#fff;
    background-image:url(../img/w701.gif);
    font-size: 140%;
    text-align:center;
    font-weight: bold;
}

table.photo{
    background-color:transparent;
    border: transparent;
    margin:0px auto;
    padding:0px 0px 20px 0px;
    text-align:center;
}
td.photo{
    background-color:transparent;
    border: transparent;
    padding:0px 6px 2px 0px;
    text-align:center;
    width: 225px;
}
table.letter{
    margin:10px auto;
    padding:0px;
    text-align:right;
    background-color:transparent;
    border: transparent;
}
td.letter1{
    padding:0px 0px 0px 0px;
    vertical-align: top;
    text-align:center;
	background-color:transparent;
    border: transparent;
    font-size: 100%;
    width: 300px;
}
td.letter2{
    padding:0px 10px 20px 20px;
    text-align:left;
	background-color:transparent;
    border: transparent;
    font-size: 90%;
    width: 600px;
}
td.letter3{
    padding:0px 0px 0px 0px;
    vertical-align: middle;
    text-align:center;
	background-color:transparent;
    border: transparent;
    font-size: 100%;
    width: 300px;
}
.letters {
 width: 600px;
 margin:0px auto;
 text-align: justify;
 text-justify: auto;
}
.letters p {
 text-align: justify;
 text-justify: auto;
 font-size: 130%;
 letter-spacing:0px;
 line-height: 1.5em;
 padding: 0px 5px 10px 13px;
 display: inline;
 color: #000000;
}
.letters2 {
 width: 1030px;
 margin:0px auto;
 background-image: url(../img/paper01.png);
 padding: 2.5em 3em 3em 3em;
 border: 3px solid #ccc;
 text-align: justify;
 text-justify: auto;
 -moz-border-radius: 8px;    /* Firefox */
 -webkit-border-radius: 8px; /* Safari,Chrome */
 border-radius: 8px;         /* CSS3 */
}
.letters2 p {
 text-align: justify;
 text-justify: auto;
 font-size: 145%;
 letter-spacing:1px;
 line-height: 2.0em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #5B5B5B;
 color: #000000;
}
td.letterttl{
    padding:5px 0px 5px 10px;
    background-color:transparent;
    border: transparent;
    font-size: 140%;
    text-align:left;
    font-weight: bold;
}
td.toku{
    background-color:#FFFFCC;
}
hr {
	height: 5px;
 	background-color: #FF00FF;
	width: 100%;
}

div#wrap{
    height:100%;
    width:100%;
    text-align:center;
    margin:10px auto;
    padding:0px;
    font-style:normal;
    overflow : hidden ;
}
.sarubia-title{
	margin: 5px auto;
	width: 80%;	
}
.sarubia-title img{
	width: 50%;	
}
.changeimage{
	margin: 10px auto;
	width: 100%;	
}
.changeimage img{
	width: 50%;	
}
div#menu {
	margin: 0px auto;
	width: 762px;	
}
ul.menu li {
	list-style-type:none;		/*リストマーカー無しにする*/
	float:left;			/*リスト項目を横に並べる*/
	border-right: 1px solid #fff;
}
ul.menu li a {
	display:block;			/*リンク部分をブロック表示にする*/
	width:126px; height:23px;	/*幅と高さ*/
	padding:7px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
	background-repeat:no-repeat; 			/*背景画像を繰り返さない*/
	color:#ffffff;			/*文字色*/
	font-weight:bold;
	background-color:#CC0000;		/*背景色*/
	background-image:url(../img/li_pinkk3.png);	/*背景画像を指定*/
}
ul.menu li a:hover {
	color:#FF0099;			/*文字色*/
	font-weight:bold;
	background-color:#CC0000; 	/*リンクにマウスが乗ったら背景色を変更する*/
	background-image:url(../img/li_pink.png); 	/*リンクにマウスが乗ったら背景画像を変更する*/
}
ul.menu li#koko {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
	border-right: 1px solid #fff;
}
ul.menu li#koko a {
	background-color:green;		/*背景色*/
	color:#ffffff;			/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	width:120px; height:23px;	/*幅と高さ*/
	padding:7px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
	background-image:url(../img/li_ligreen.png);	/*背景画像を指定*/
	background-repeat:no-repeat; 			/*背景画像を繰り返さない*/
}
ul.menu li#koko a:hover {
	color:#ffffff;			/*文字色*/
	background-color:green; 	/*リンクにマウスが乗ったら背景色を変更する*/
	background-image:url(../img/li_ligreen.png); 	/*リンクにマウスが乗ったら背景画像を変更する*/
}
ul.menu li#spe {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
	border-right: 1px solid #fff;
}
ul.menu li#spe a {
	background-color:red;		/*背景色*/
	color:#ffffff;			/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	width:120px; height:23px;	/*幅と高さ*/
	padding:7px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
	background-image:url(../img/li_red.png);	/*背景画像を指定*/
	background-repeat:no-repeat; 			/*背景画像を繰り返さない*/
}
ul.menu li#spe a:hover {
	color:#ffffff;			/*文字色*/
	background-color:green; 	/*リンクにマウスが乗ったら背景色を変更する*/
	background-image:url(../img/li_blue.png); 	/*リンクにマウスが乗ったら背景画像を変更する*/
}
div.counter{
	margin: 30px auto;
	width: 58px;
}
.apage a{
	color: #fff;
	background-color: #FF0000;
	font-weight: bold;
	padding: 2px 6px 2px 6px;
    text-decoration: non;
    font-size: 90%;
}
.apage a:hover{
	color: #fff;
	background-color: #0000FF;
	font-weight: bold;
	padding: 2px 6px 2px 6px;
    text-decoration: non;
    font-size: 90%;
}
.fwb{
	font-weight: bold;
}
.fcb{
	color: #0000FF;	
}
.fcg{
	color: #339999;	
}
.fcd{
	color: #FF6600;	
}
.tac{
	text-align:center;
}
.vat{
    vertical-align: top;
}
.pd9{
	padding-top: 9px;
}
table.egao{
    background-color:transparent;
    border: transparent;
}
table.egao td{
	width: 250px;
    background-color:transparent;
    border: transparent;
}
table.egao td.egaot{
	color: #FFf;	
    border: transparent;
    padding:7px 0px 7px 0px;
    text-align:center;
    vertical-align: middle;
	background-color:#3399CC;
	font-size: 160%;
	font-weight: bold;
}

.messages {
 width: 35%;
 margin:8px auto;
 background-image: url(../img/005-1.jpg);
 padding: 8.5em 3em 5em 5em;
 border: 3px solid #9ec121;
 text-align: justify;
 text-justify: auto;
 -moz-border-radius: 8px;    /* Firefox */
 -webkit-border-radius: 8px; /* Safari,Chrome */
 border-radius: 8px;         /* CSS3 */
}
.messages p {
 margin:15px 0px 15px 15px;
 text-align: justify;
 text-justify: auto;
 font-size: 140%;
 letter-spacing:1px;
 line-height: 3.0em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #9ec121;
 color: #0000ff;
}
.messages p a{
	color: #fff;
	font-weight: bold;
    background-color:#ff0000;
    padding: 5px;
    text-decoration: none;
}
.messages p a:hover{
	color: #fff;
	font-weight: bold;
    background-color:#006600;
    padding: 6px;
    text-decoration: none;
}
.binsen2{
	margin:-100px 0px 0px 0px;
}

table.sakuhin{
    background-color:transparent;
    border: transparent;
    margin:0px auto;
    padding:0px 0px 20px 0px;
    text-align:center;
}
td.sakutitle{
    background-color:transparent;
    border: transparent;
    padding:6px 6px 6px 6px;
    text-align:left;
}
td.sakutitle2{
    background-color:transparent;
    border: transparent;
    padding:6px 6px 6px 6px;
    text-align:right;
}
td.sakuhin{
    background-color:#D9D9D9;
    border: 3px solid #808080;
    padding:6px 6px 6px 6px;
    text-align:center;
    width: 210px;
}
td.sakuhin2{
    background-color:#D9D9D9;
    border: 3px solid #808080;
    padding:20px;
    text-align:center;
}

}/* ←CSSの一番最後に記述 */