@charset "utf-8";
/* CSS Document */

body {
margin:0px;
	line-height: 1.7;
	font-family: Arial,Verdana,sans-serif;
color:#454545}

a:link,
a:visited {
	color: #A05F4B;
	text-decoration:none;
}
a:hover {
	color: #A05F4B;
	text-decoration:underline;
}
a:active {
}

.red {
color:#CC3333;
}

input[type="text"]	{
	border: 1px solid #bbbbbb;
	background-color: #ffffff;
	font-family: monospace;
}

/* --------------------------------------------------------------------------------
 layout
-------------------------------------------------------------------------------- */
#container {width:980px;
margin:auto;
}

#head {
margin: 0;
height:145px;
width:980px;
background-image:url(../common-img/head.jpg);
position:relative;
}

#head_top {
margin: 0;
height:430px;
width:980px;
/*background-image:url(../common-img/top_bg.jpg);*/
position:relative;
}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:430px; position:absolute; }


#pan {
width:930px;
padding-left:50px;
font-size:11px;
color:#949495;
}

#content {
width:980px;
position:relative;
}

#side_navi {
	float:left;
	width:211px;
	background-image:url(../images/side_navi_back.gif);
	background-repeat:repeat-y;
	padding-top:22px;
	margin-bottom: 50px;
	padding-left:62px;
}

#main_content {
width:617px;
padding-left:33px;
padding-right:57px;
float:right;
}

#foot {
width:980px;
height:270px;
clear:both;
background-image:url(../common-img/foot.jpg);
position:relative;
}


/* --------------------------------------------------------------------------------
 header
-------------------------------------------------------------------------------- */

#head .main_title {
	position:absolute;
	left:26px;
	top:12px;
}
#head .global_navi {
	position:absolute;
	right:26px;
	top:80px;
	width:930px;
	height:55px;
	overflow:hidden;
}

/* TOP PAGE */
#head_top .global_navi {
	position:absolute;
	right:26px;
	top:357px;
	width:930px;
	height:55px;
	overflow:hidden;
}

/* G-NAVI */
.global_navi ul {
	margin:0px;
	padding:0px;
}

.global_navi li{
	list-style-type:none;
	float:left;
	line-height:0px;
}
.global_navi li a{
	display:block;
	line-height:55px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.global_navi #link1 a {
	background-image:url(../common-img/btn_01_off-trans.png);
	width:127px;
}
.global_navi #link1 a:hover {
	background-image:url(../common-img/btn_01_on-trans.png);
	width:127px;
}
.global_navi #link2 a {
	background-image:url(../common-img/btn_02_off-trans.png);
	width:93px;
}
.global_navi #link2 a:hover {
	background-image:url(../common-img/btn_02_on-trans.png);
	width:93px;
}
.global_navi #link3 a {
	background-image:url(../common-img/btn_03_off-trans.png);
	width:118px;
}
.global_navi #link3 a:hover {
	background-image:url(../common-img/btn_03_on-trans.png);
	width:118px;
}
.global_navi #link4 a {
	background-image:url(../common-img/btn_04_off-trans.png);
	width:242px;
}
.global_navi #link4 a:hover {
	background-image:url(../common-img/btn_04_on-trans.png);
	width:242px;
}
.global_navi #link5 a {
	background-image:url(../common-img/btn_05_off-trans.png);
	width:240px;
}
.global_navi #link5 a:hover {
	background-image:url(../common-img/btn_05_on-trans.png);
	width:240px;
}
.global_navi #link6 a {
	background-image:url(../common-img/btn_06_off-trans.png);
	width:109px;
}
.global_navi #link6 a:hover {
	background-image:url(../common-img/btn_06_on-trans.png);
	width:109px;
}


#head_top .main_title {
	position:absolute;
	left:26px;
	top:12px;
}

#head_top .message {
	position:absolute;
	left:65px;
	top:145px;
}


.fontsize {
	position:absolute;
	right:26px;
	top:0px;
	width:365px;
	height:40px;
	padding-left:10px;
	padding-top:0px;
}

.fontsize ul{
margin:10px 0 0 0;}

.fontsize ul li {
	font-size:12px;
	background:url(../common-img/ya_03-trans.png) top left no-repeat;
	padding-left:18px;
	margin-right:10px;
	float:right;
	list-style:none;
	color:#FFFFFF;
}
.fontsize ul li a{
	color: #FFFFFF;
	text-decoration:none;
}
.fontsize ul li a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

#search p { margin:0;}
#search #text {
width:110px;
height:15px;
font-size:11px;
border:1px solid;
border-color:#999999;
outline:none;
background:none;
}

#search #submit {width:54px;
height:26px;
border:none;
outline:none;
background:none;
background-image:url(../common-img/submit.gif);
background-repeat:no-repeat;
margin-left:0px;
vertical-align:-1px;
text-indent:-9999px;
overflow:hidden;
}

#search #submit:hover
{background-position:0 -26px;}

/* --------------------------------------------------------------------------------
 side navi
-------------------------------------------------------------------------------- */
#side_navi ul {
	margin:0;
	padding:0;
	font-size:12px;
	background-image:url(../news/images/bg_ul.jpg);
}
#side_navi ul li {
	list-style:none;
	width:211px;
	margin:0;
}

#side_navi ul li a{
	display:block;
	line-height:35px;
	padding:0 0 0 40px;
	background-image:url(../common-img/btn_txt_off.jpg);
	background-repeat:no-repeat;
}

#side_navi ul li a:hover{
	background-image:url(../common-img/btn_txt_on.jpg);
	background-repeat:no-repeat;
}

#side_navi ul li a.on {
	background-image:url(../common-img/btn_txt_on.jpg);
}

#side_navi .btn{
width:211px;
margin-top:20px;
}

#side_navi .kago{
width:211px;
height:120px;
margin-top:20px;
padding-top:45px;
background-image:url(../publish/images/kago_back.jpg);
background-repeat:no-repeat;
font-size:10px;
zoom: 1;
}

.kago_text{
margin-left:40px;
padding-bottom:10px;
font-weight:bold;
line-height:1.3;
}

.price{
font-size:x-large;
}
.btn_kago{
margin-bottom:10px;
padding-left:40px;
}

/* --------------------------------------------------------------------------------
 maincontent
-------------------------------------------------------------------------------- */

.right {
float:right;
padding-top:50px;
padding-right:10px;
}

.ph_left {
height:auto;
margin-right:20px;
float:left;
}

.ph_right	{
	float: left;
	width: 465px;
}

.title{
margin-top:22px;
margin-bottom:20px;
}

/* BUTTON */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../common-img/btn_right.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../common-img/btn_left.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding: 5px 0 5px 25px;
}
a.button:hover {
    background-position: bottom right;
    color: #444;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 25px; /* push text down 1px */
}
/* -------------------------------------------------------------------------------
 footer
-------------------------------------------------------------------------------- */
#foot .logo_title {
	position:absolute;
	left:44px;
	top:100px;
}
#foot .copyright {
	position:absolute;
	right:30px;
	top:180px;
}
#foot .pagetop {
	font-size:12px;
	position:absolute;
	right:30px;
	top:25px;
	background:url(../common-img/ya_02-trans.png) top left no-repeat;
	padding-left:18px;
}
#foot ul li {
	font-size:12px;
	background-image:url(../common-img/ya_01.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	margin-right:35px;
	margin-top:100px;
	float:right;
	list-style:none;
}
/* --------------------------------------------------------------------------------
 TOPpage
-------------------------------------------------------------------------------- */

/* 蟾ｦ蛛ｴ縲\*/
#top_left {
	float:left;
	width:607px;
	background:url("../top_img/top_left_bg.gif") no-repeat bottom left;
	padding:0 0 20px 27px;
}

#top_left .l_top{
	background:url(../top_img/top_left_top.gif) no-repeat left;
	width:607px;
	height:20px;
}
#top_left .l_title_top{
	padding:0px 0 10px 20px;
	float:left;
}
#top_left .l_title{
	padding:10px 0 10px 20px;
	float:left;
}
#top_left .l_title_nb{
	padding:10px 0 10px 20px;
	margin:15px 0 0 0;
	float:left;
}

#top_left .btn{
float:right;
width:200px;}

#top_left .news{
clear:both;
width:530px;
margin-left:33px;}

#top_left .news dt{
font-weight:bold;
line-height:1;
padding-top:10px;
}
#top_left .news dd{
	margin-left:0px;
	padding-bottom:5px;
	border-bottom:1px dashed #c6c6c6;
}
#top_left .newbook{
	clear:both;
	overflow: hidden;
	height:auto;
	width:530px;
	margin-left:33px;
	border-bottom:1px dashed #c6c6c6;
}

#top_left .newbook dt{
	font-weight:bold;
	line-height:1;
	padding:10px 0 5px 0;
	vertical-align:top;
}
#top_left .newbook dd{
	margin-left:0px;
	line-height:1.2;
}

.img_newbook{
	float:left;
	margin:10px 15px 10px 0;
}



/* LEFT */
#top_right {
	float:right;
	width:319px;
	background:url("../top_img/top_right_bg.gif") no-repeat bottom left;
	padding-right:27px;
	_padding-right: 15px;
}

.top_right100 {
	height:100%;
}

#top_right .r_title{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:5px;
}

#top_right .r_top{
	background:url(../top_img/top_right_top.gif) no-repeat left;
	width:331px;
	height:20px;
}
#top_right .r_title_top{
	padding-left:15px;
	padding-bottom:5px;
}

#top_right .r_content{
	margin-left:30px;
	margin-bottom:10px;
	width:260px;
	padding-top:10px;
	font-size: medium;
	line-height:1;
	font-weight: bold;
}

#top_right .r_content span.red	{
	font-size: small;
}

#top_right .r_content dl {
	margin:0px;
}

#top_right .r_content dt {
	font-weight:bold;
	padding-bottom:5px;
	font-size: medium;
}

#top_right .r_content dd {
	font-size: small;
}

.day{
	background-image:url("../top_img/icon_day.gif");
	background-repeat:no-repeat;
	padding-left:50px;
	line-height:1.2;
	padding-top:10px;
	padding-bottom:2px;
	margin-left:0px;
	height: 20px;
}

.theme{
	background-image:url("../top_img/icon_theme.gif");
	background-repeat:no-repeat;
	padding-left:50px;
	line-height:1.2;
	padding-top:10px;
	padding-bottom:2px;
	margin-left:0px;
	color:#CC3333;
	height: 20px;
}

.place{
	background-image:url("../top_img/icon_place.gif");
	background-repeat:no-repeat;
	padding-left:50px;
	line-height:1.2;
	padding-top:10px;
	padding-bottom:2px;
	margin-left:0px;
	height: 20px;
}


#top_right .img{
float:left;
margin-right:10px;
margin-bottom:30px;
border: 1px;
border-style: solid;
border-color: #cccccc;
}

#top_right .r_btn{
padding-left:30px;
padding-bottom:15px;
width:260px;
}

#top_right .r_btn_1{
padding-left:30px;
padding-top:15px;
padding-bottom:15px;
width:260px;
}

#top_right .r_btn_2{
padding-left:30px;
padding-top:15px;
padding-bottom:15px;
width:260px;
height:auto;
}