@charset "UTF-8";


body {
	margin:0;
	padding:0;
	text-align:center;
}
img {
	border:0;
	display:block;
}

img.haisya {
	border:0;
	display:block;
	margin:0px 0 20px 0;
}

p {
	font-size:80%;
	line-height:150%;
	margin:0;
	padding:0;
}
p.p_by {
	font-size:80%;
	line-height:150%;
	margin:0 0 20px 0;
	padding:0;
}

ul {
	list-style-type:none;
	line-height:120%;
	margin:0;
	padding:0;
}

ul.type2 {
	font-size:11px;
	padding:0;
	margin:0;
}
ul.type2 li {
	padding:0;
	margin:0;
}

ul.top{
	text-align:left;
	font-size:80%;
	margin-top:10px;
	margin-left:20px;
	margin-right:0;
	margin-bottom:0;
	padding:0 0 0 0px;
	line-height:20px;
	list-style-type:disc;
}

ul.top li{
	padding-left:0px;
	padding-right:0;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	line-height:20px;
}

div.top-unit{
	background-color:#ced9f5;
	border:dotted 2px #0033ff;
	margin:15px 0 15px 0;
	padding:5px;
}

ul.top2{
	text-align:left;
	font-size:80%;
	margin-top:10px;
	margin-left:20px;
	margin-right:0;
	margin-bottom:0;
	padding:0px;
	line-height:20px;
}

ul.top2 li{
	padding-left:0px;
	padding-right:0;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	line-height:20px;
	list-style-image:url(http://www.yoshiokashoten.co.jp/img/check.gif);
}



ol.top{
	text-align:left;
	font-size:80%;
	margin-top:10px;
	margin-left:50px;
	margin-right:0;
	margin-bottom:0;
	padding:0 0 0 0px;
	line-height:20px;
}

ol.top li{
	padding-left:0px;
	padding-right:0;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	line-height:20px;
}

ol.top2{
	text-align:left;
	font-size:80%;
	margin-top:10px;
	margin-left:25px;
	margin-right:0;
	margin-bottom:0;
	padding:0 0 0 0px;
	line-height:20px;
}

ol.top2 li{
	padding-left:0px;
	padding-right:0;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	line-height:20px;
}

ol.top3{
	text-align:left;
	font-size:80%;
	margin-top:5px;
	margin-left:15px;
	margin-right:0;
	margin-bottom:0;
	padding:0 0 0 0px;
	line-height:20px;
	list-style-type:lower-roman;
}

ol.top3 li{
	padding-left:0px;
	padding-right:0;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	line-height:20px;
}


form {
	margin:0;
	padding:0;
}
.cl {
	clear:both;
}

/* link */
/* -------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link , a:visited {
	color:#0033cc;
}
a:hover , a:active {
	color:#ff6600;
}
h3 a:link , h3 a:visited {
	color:#ffffff;

}
h3 a:hover , h3 a:active {
	color:#ccccff;
}



/* header */
/* -------------------------------------------------------- */
#header {
	width:740px;
	text-align:center;
	margin-top:15px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0 0 0;
}
#header div.lbox {
	width:400px;
	float:left;
}
#header div.lbox p {
	font-size:200%;
	font-weight:bold;
	line-height:110%;
	margin:10px 0 0 0;
}
#header div.rbox {
	width:340px;
	padding:18px 0 0 0;
	float:right;
}
#header div.rbox p {
	text-align:right;
}
#header h1 {
	clear:both;
	font-size:90%;
	color:#ffffff;
	margin:0;
	padding:3px 5px 100px 5px;
	background:#223388 url(img/top-bg1.jpg) no-repeat left top;
	border-bottom:solid 1px #555577;
}

#header div.top-img{
	width:740px;
	height:193px;
	text-align:left;
	margin:0;
	padding:0px;
	background:#ffffff url(img/top-bg1.jpg) no-repeat left top;
}

#header div.top-img p.summary {
	clear:both;
	font-size:11px;
	color:#ffffff;
	margin:0 0px 0 0px;
	text-align:left;
	padding:1px 10px 0px 10px;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

#header div.top-img p.bt {
	float:right;
	margin:132px 0px 0 0px;
	text-align:right;
	padding:0px 10px 0px 0px;
}

#header div.top-menu{
	width:740px;
	height:25px;
	text-align:left;
	margin:0;
	padding:0px;
}

#header div.top-menu-l{
	width:150px;
	height:25px;
	float:left;
	margin:0;
	padding:0px;
}
#header div.top-menu-r{
	width:590px;
	height:25px;
	float:right;
	margin:0;
	padding:0px;
}

/* menu */
/* -------------------------------------------------------- */
#menu a span{display:none;}

ul#menu{
    list-style:none;
    width:590px;
	padding-top:0;
	padding-bottom:0;
	padding-left:0px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
    float:left;
}
ul#menu li{
    list-style:none;
    float:left;
    width:118px;
}
ul#menu a{
    display:block;
    width:118px;
    height:25px;

    background-image:url(http://www.yoshiokashoten.co.jp/img/bg-menu.gif);

}
a.menu1{
    background-position:0px 0px;
}
a:hover.menu1{
    background-position:0px -25px;
}
a.menu2{
    background-position:-118px 0px;
}
a:hover.menu2{
    background-position:-118px -25px;
}
a.menu3{
    background-position:-236px 0px;
}
a:hover.menu3{
    background-position:-236px -25px;
}
a.menu4{
    background-position:-354px 0px;
}
a:hover.menu4{
    background-position:-354px -25px;
}
a.menu5{
    background-position:-472px 0px;
}
a:hover.menu5{
    background-position:-472px -25px;
}



/* main */
/* -------------------------------------------------------- */
#main {
	width:740px;
	text-align:left;
	margin:0 auto;
	clear:both;
}

#sitemap {
	margin:0;
}
#sitemap ul {
	font-size:100%;
	margin:0;
	padding:0;
}
#sitemap ul li {
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	background:url(http://www.yoshiokashoten.co.jp/img/icon_01.gif) no-repeat left top;
}
#sitemap ul.sub {
	font-size:100%;
}
#sitemap ul.sub li {
	margin:5px 0 0 0;
	padding:5px 0 0 20px;
	border-top:dotted 1px #bbbbdd;
	background:url(http://www.yoshiokashoten.co.jp/img/icon_02.gif) no-repeat 4px 4px;
}

#subnavi {
	font-size:80%;
	text-align:left;
	margin:5px 0 0 0;
}
#subnavi li {
	display:inline;
	margin:0 15px 0 0;
}
#subnavi li a {
	padding:0 0 0 12px;
	background:url(http://www.yoshiokashoten.co.jp/img/icon_01.gif) no-repeat left top;
}

#news {
	margin:20px 0 0 0;
}
#news ul {
	font-size:80%;
	margin:0 10px;
}
#news ul li {
	margin:6px 0 0 0;
	padding:0 0 4px 0;
	border-bottom:dotted 1px #000033;
}
#news div {
	border-bottom:solid 2px #223388;
}


/* navi */
/* -------------------------------------------------------- */
#navi {
	width:240px;
	float:right;
	padding:15px 0 0 0;
}

#navi p.center-p{
	margin-top:0px;
	margin-bottom:15px;
	margin-left:37px;
	margin-right:0;
	padding:0;
}

#navi ul {
	margin:0;
	padding:0 0 2px 0;
	background-color:#ced9f5;
}
#navi ul li {
	margin:0;
	padding:0;
}
#navi ul li a {
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	padding:2px 0 5px 28px;
	background:#ced9f5 url(http://www.yoshiokashoten.co.jp/img/bg-navi1.gif) no-repeat left top;
	border-bottom:dotted 1px #333333;
	margin:0 0 5px 0;
}
#navi ul li a:hover {
	color:#333333;
	background:#ced9f5 url(http://www.yoshiokashoten.co.jp/img/bg-navi2.gif) no-repeat left top;
}
#navi ul.sub {
	margin:0 0 15px 22px;
}
#navi ul.sub li a {
	display:block;
	font-size:80%;
	font-weight:normal;
	color:#000066;
	padding:2px 0 3px 0;
	background:#ffffff;
	border-top:0;
	border-left:0;
	border-bottom:solid 1px #223388;
	border-right:0;
}
#navi ul.sub li a:hover {
	color:#000066;
	background:#eeeeff;
}

div.unit1{
	background-color:#ced9f5;
	border-left:solid 1px #0033ff;
	border-right:solid 1px #0033ff;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
}

div.unit3{
	background-color:#ced9f5;
	border-left:solid 1px #0033ff;
	border-right:solid 1px #0033ff;
	margin:0px 0 0 0;
	padding:5px 0 0px 0;
}

#search {
	margin:0px 0 0 0;
	background-color:#ced9f5;
	height:30px;
	padding:10px 0 10px 0;
}
#search input.box {
	width:120px;
	margin:0px 6px 0 20px;
	vertical-align:top;
}


#banner-search
{
    position:absolute; bottom:5px; right:10px;
}


#information {
	margin:20px 0 0 0;
}
#information ul {
	font-size:80%;
	color:#333333;
	padding:0 5px 5px 5px;
	background:#eeeeee;
	border:solid 1px #cccccc;
}
#information ul li {
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:dotted 1px #999999;
}

p#feeds {
	text-align:center;
	margin:20px 0 0 0;
	padding:2px;
	border:dotted 1px #666666;
}

p#ccl {
	font-size:70%;
	line-height:110%;
	margin:20px 0 0 0;
	padding:4px;
	border:dotted 1px #666666;
}

div.company{
	margin:15px 0 0px 0;
	padding:0 0 0px 0;
	text-align:left;
}

div.company p{
	margin:0px 0 0 0;
	padding:0 0 0px 0;
	text-align:left;
	font-size:12px;
}

div.company2{
	margin:15px 0 0px 0;
	padding:5px 0 5px 0;
	text-align:left;
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #666666;
}

div.company2 p{
	margin:0px 0 0 0;
	padding:0 0 0px 0;
	text-align:left;
	font-size:12px;
}


div.iso{
	margin:15px 0 30px 0;
	padding:0 0 0px 0;
	text-align:center;
}

/* footer */
/* -------------------------------------------------------- */
#footer {
	width:740px;
	text-align:center;
	margin-top:0;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0 0 0;
	border-top:dotted 1px #223388;
}
#footer p {
	font-size:12px;
	font-style:normal;
	padding:10px;
	margin:0;
	text-align:center;
	background-color:#ced9f5;
}

#footer address {
	font-size:80%;
	font-style:normal;
	margin:0 0 10px 0;
	padding:10px 10px 25px 10px;
	color:#ffffff;
	background:url(http://www.yoshiokashoten.co.jp/img/foot_bg.gif) no-repeat;
}

#footer p.address {
	font-size:80%;
	font-style:normal;
	margin:0 0 0px 0;
	padding:10px 10px 25px 10px;
	background:url(http://www.yoshiokashoten.co.jp/img/foot_bg.gif) no-repeat;
}

#footer address  a:link , #footer address  a:visited {
	color:#ffffff;
}
#footer address  a:hover , #footer address  a:active {
	color:#ffffff;
}

#footer div.f-bg {
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px;
	background-color:#0033cc;
	text-align:center;
	background:url(http://www.yoshiokashoten.co.jp/img/foot_bg.gif) no-repeat;
}


#footer p.by {
	font-size:80%;
	text-align:right;
	color:#666666;
	padding:5px 0;
	background:#ffffff;
}
#footer p.by a:link , #footer p.by a:visited {
	color:#666666;
	background:#ffffff;
}
#footer p.by a:hover , #footer p.by a:active {
	color:#333333;
	background:#ffffff;
}

p.bttop {
	font-size:70%;
	text-align:right;
	padding:0;
	margin:0 0 20px 0;
}



/* contents */
/* -------------------------------------------------------- */
#contents {
	width:480px;
	float:left;
	text-align:left;
}

#contents p {
	margin-top:10px;
}

#contents ul {
	font-size:80%;
}

#contents ol {
	font-size:80%;
}

#contents #panlist {
	font-size:70%;
	margin:0;
	padding:2px 0 0 0;
	border-bottom:dotted 1px #223388;
}

#info {
	margin:0px 0 0px 0;
	padding:2px 0px 5px 150px;
	border-bottom:solid 1px #223388;
	border-left:solid 1px #223388;
	border-right:solid 1px #223388;
	background:url(http://www.yoshiokashoten.co.jp/img/info_bg.jpg) no-repeat left top;
	font-size:11px;
}

div.info1{
	width:480px;
margin:0;
padding:0px 0 0 0;
border-bottom:solid 1px #223388;
border-left:solid 1px #223388;
border-right:solid 1px #223388;
}

div.info-l{

margin:0;
padding:0px 0 0 0;
float:left;
}

div.info-r{

margin:0;
padding:0px 0 0 0;
float:right;
}






/* common */
/* -------------------------------------------------------- */

h2.top-b {
	margin:0px 0 0 0;
	padding:15px 0 5px 0px;
	background:none;
}

h2.title {
	font-size:100%;
	color:#ffffff;
	margin:15px 0 5px 0;
	padding:20px 0px 10px 60px;
	background:#ffffff url(http://www.yoshiokashoten.co.jp/img/h3_bg.gif) no-repeat right top;
}

h2 {
	font-size:90%;
	color:#000066;
	margin:10px 0 0 0;
	padding:5px 0 7px 25px;
	background:#ffffff url(http://www.yoshiokashoten.co.jp/img/bg-h2.gif) no-repeat left top;
}

h3.osirase {
	margin:10px 0 0px 0;
	padding:0px 0px 0px 0px;
	background:none;
	border:none;
}

h3.top {
	font-size:100%;
	color:#ffffff;
	margin:15px 0 5px 0;
	padding:18px 0px 10px 60px;
	background:#ffffff url(http://www.yoshiokashoten.co.jp/img/h3_bg.gif) no-repeat right top;
}

h3 {
	font-size:90%;
	color:#ffffff;
	margin:15px 0 5px 0;
	padding:20px 0px 7px 60px;
	background:transparent url(http://www.yoshiokashoten.co.jp/img/h3_bg_2.jpg) no-repeat left top ;
	line-height:120%;
}

h4 {
	font-size:80%;
	color:#333333;
	margin:20px 0 0 0;
	padding:0 0 5px 5px;
	background:none;
	border-left:solid 5px #666666;
	border-bottom:dotted 1px #666666;
}

h4.haisya-1 {
	font-size:90%;
	color:#0033ff;
	margin-top:10px;
	margin-bottom:0;
	margin-left:0px;
	margin-right:0;
	padding:0px 0 0px 0px;
	background:none;
	border:none;
}



h5 {
	font-size:80%;
	color:#001166;
	margin:20px 0 0 0;
	padding:0 0 0 16px;
	background:#ffffff url(http://www.yoshiokashoten.co.jp/img/bg_h4.gif) no-repeat left top;
}


.ri {
	text-align:right;
}
.ri1 {
	text-align:right;
	padding-bottom:5px;
	border-bottom:dotted 1px #999999;
}



/* trackback/comment */
/* -------------------------------------------------------- */
#contents fieldset {
	margin:40px 0 0 0;
	padding:10px;
	border:dotted 1px #223388;
}
#contents fieldset legend {
	font-size:80%;
	font-weight:bold;
	color:#333333;
	padding:0 50px 0 6px;
	background:#ffffff;
	border-top:solid 1px #9999cc;
	border-left:solid 1px #9999cc;
	border-bottom:solid 1px #223388;
	border-right:solid 1px #223388;
}
#contents fieldset p {
	padding:0;
}
#contents fieldset div.lbox {
	width:80px;
	padding:10px 0;
	float:left;
}
#contents fieldset div.lbox p {
	font-size:80%;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:2px 0 0 0;
}
#contents fieldset div.rbox {
	width:370px;
	padding:10px 0;
	float:left;
}
#contents fieldset div.rbox input {
	width:350px;
}
#contents fieldset textarea {
	width:470px;
}
#contents p.tra {
	color:#333333;
	margin:20px 0 0 0;
	padding:5px 15px;
	border:solid 1px #bbbbdd;
	background:#eeeeee;
}
blockquote {
	font-size:80%;
	color:#cc0000;
	background:#ffffff;
}

.f7 {
	font-size:70%;
	line-height:140%;
}

.f9 {
	font-size:90%;
	line-height:120%;
}

.f10 {
	font-size:100%;
	line-height:120%;
}

.f12 {
	font-size:120%;
	line-height:120%;

}
.f13 {
	font-size:130%;
	line-height:120%;

}
.f14 {
	font-size:140%;
	line-height:140%;
}

.font18{
	font-size:18px;
}

.blue{
	color:#0033cc;
}

.red{
	color:#ff0000;
}

.green{
	color:#006600;
}

.b{
	font-weight:bold;
}
.c{
	text-align:center;
}

div.procedure{
	margin:0px 0 0 0 ;
	padding:15px 0 0 0;
	width:480px;
}

div.procedure-l{
	font-size:2px;
	text-indent:-9999px;
	margin:0 10px 10px 10px;
	float:left;
}

div.procedure-l a{
	display:block;
	background:transparent url(http://www.yoshiokashoten.co.jp/img/haisya-l.gif) no-repeat left top;
	width:201px;
	height:80px;
}

div.procedure-l a:hover{
	background:transparent url(http://www.yoshiokashoten.co.jp/img/haisya-l.gif) no-repeat left bottom;
}

div.procedure-r{
	font-size:2px;
	text-indent:-9999px;
	margin:0 10px 10px 10px;
	float:right;
}

div.procedure-r a{
	display:block;
	background:transparent url(http://www.yoshiokashoten.co.jp/img/haisya-r.gif) no-repeat left top;
	width:201px;
	height:80px;
}

div.procedure-r a:hover{
	background:transparent url(http://www.yoshiokashoten.co.jp/img/haisya-r.gif) no-repeat left bottom;
}


div.unit2{
	margin:0 0 0 10px;
	padding:0;
	width:470px;
	text-align:left;
}

div.unit2 p{
	font-size:80%;
	line-height:150%;
	margin:0 0 0 20px;
	padding:0;
}

.tu-bar{
	padding:5px 0 5px 0;
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #666666;
}
div.pdf-b{
	padding:0px 0 10px 0;
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #666666;
}

div.pdf-b p{
	margin:0px;
	padding:0px 0 0 0;
	font-size:70%;
}
.pdf1{
	margin:0px;
	padding:0px 0 0 0;
	text-align:right;
}

table.type1 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	font-size:80%;
	line-height:140%;
	border:solid 2px #0033ff;
	background:#ffffff;
	padding:0px 0 0 0;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
table.type1 th {
	text-align:center;
	padding:2px 5px;
	border:solid 1px #0033ff;
	background:#ced9f5;
}
table.type1 td {
	text-align:left;
	vertical-align:top;
	padding:5px;
	border:solid 1px #0033ff;
	width:10%;
}


table.type2 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	font-size:80%;
	line-height:140%;
	border:solid 2px #0033ff;
	background:#ffffff;
	margin:10px 0 10px 0;
}
table.type2 th {
	text-align:center;
	padding:2px 5px;
	border:solid 1px #0033ff;
	background:#ced9f5;
}
table.type2 td {
	text-align:left;
	vertical-align:top;
	padding:5px;
	border:solid 1px #0033ff;
}

table.type3 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	font-size:80%;
	line-height:140%;
	border:solid 2px #0033ff;
	background:#ffffff;
	margin:20px 0 20px 0;
}
table.type3 th {
	text-align:center;
	padding:2px 5px;
	border:solid 1px #0033ff;
	background:#ced9f5;
	width:80px;
}
table.type3 td {
	text-align:left;
	vertical-align:top;
	padding:5px;
	border:solid 1px #0033ff;
}

table.top-f {
	padding:3px 0 3px 0;
	font-size:11px;
}

td.top-form {
	text-align:center;
	vertical-align:top;
	padding:5px;

}

table.type4 {
	width:450px;
	font-size:80%;
	line-height:140%;
	margin:20px 0 20px 0;
}

div.form {
margin:10px 0 10px 0;
padding:0;
text-align:center;
}

div.taiou{
	margin:10px 0 10px 0;
	padding:0 5px 10px 5px ;
	text-align:left;
	background:#FFFFCC;
	border:solid 1px #0033ff;
}

#okiniiri{
	margin:20px 0 0px 0;
	padding:0;
	text-align:center;
}