@charset "utf-8";

/*
  ---------------------------------------------------------------
  ISHIZUKA-BUNKADO default.css
  ---------------------------------------------------------------
  INDEX : 
     - BASE
     - HEADER
     - CONTENT
     - SIDE MENU
     - FOOTER
  ---------------------------------------------------------------
*/

/*
-----------------------------------------------------------------
    BASE ELEMENTS
-----------------------------------------------------------------
*/

img {
 border: 0px;
}

body {
        font-family: "MSƒSƒVƒbƒN","sans-serif";
	margin: 0;
	font-size: 90%;
	background: url(../images/back.gif) #ebebeb;
	line-height: 150%;
}

h1 {
	margin: 0;
}



#wrapper {
    	width: 750px;
    	height: 100%;
    	margin: 0 auto;
    	background: url(../images/backimg.gif) repeat-y;
    	text-align: left;
}

/*
-----------------------------------------------------------------
    HEADER
-----------------------------------------------------------------
*/

#header {
	width: 748px;
    	margin: 0 0 0 1px;
	height: 50px;
    	padding: 0;
	border-top: 3px solid #005C00;
	background: url(../images/headerback.gif) #fff;
}

#header img{
	padding: 10px 0 0 10px;
}


/*
-----------------------------------------------------------------
    CONTENT BOX
-----------------------------------------------------------------
*/

#content {
        padding: 1em 1em 2em 202px;
	min-height: 500px;
}

#content p {
	margin: 0.8em;
	font-size: 90%;
}

#content h1 {
  	margin: 0.3em;
  	font-size: 140%;
}

#content h2 {
  	margin: 1em 0 0.3em 0.3em;
  	font-size: 105%;
  	color: #0E3962;
	border-bottom: 1px solid #a9a9a9;
        background: url(../images/common/h1back.gif) no-repeat #F7F7FF;
 	padding: 3px 0 3px 1em;
}

#content h3 {
	color: #072501;
	border-bottom: 1px dashed #EAEAEA;
	font-size: 100%;
	margin: 5px 0 0 5px;
}

#title {
 	color: #2e2e57;
 	border-top: 1px solid #a9a9a9; 
 	border-bottom: 1px dashed #a9a9a9;
 	background: url(../images/backh1.gif) repeat-y;
 	padding: 1em;
}

.sentence {
	margin-left: 15px;
	border-left: 5px solid #78FF00;
}

#news {
	font-size: 90%;
}

#news_main {
	height: 330px;
	overflow: auto;
}

#news h4 {
	font-size: 105%;
	color: #000540;
	background-color: #EBEAFF;
	border-bottom: 1px solid #9090A3;
	border-left: 5px solid #9090A3;
	padding: 0.1em 0.2em 0.1em 0.7em;
	margin: 1em 0 0 0;
}

.date {
	color: #3B5858;
}

table.about_us {
    	font-size: 92%;
}

TD.ustitle{
 	color: #2E2E43;
 	background: #DCDCE7;
 	padding: 0.5em 0.3em 0.3em 1em ;

}

TD.us_sub{
	border-bottom: 1px solid #B6B6E7;
 	line-height: 140%;
 	padding-left: 1em;
}


#opinion .ustitle{
 	width: 100px;
 	color: #2E2E43;
 	background: #DCDCE7;
 	padding: 0.5em 0.3em 0.3em 1em ;

}

#opinion TD .us_sub{
	border-bottom: 1px solid #B6B6E7;
 	line-height: 140%;
 	padding-left: 1em;
}

#notice {
        font-size: 80%;
	color: #970000;
}

#center {
        padding: 1em;
	padding-left: 100px;
}

#privacy h4 {
   	color: #032E0C;
   	border-left: 5px solid #22d122;
   	border-bottom: 1px dashed #22d122;
   	margin: 5px;
}

.glaytable {
    font-size: 90%;
    width: 80%;
    text-align: center;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

.glaytable td{
    padding: 3px;
    border-top: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}

#content .titlecell {
    color: #121212;
    background-color: #F1F1F1;
}

.basiclist {
    font-size: 90%;
}

.attention{
    padding: 0.5em;
    background: #FAFFDC;
}

.attention p {
    margin: 0.5em;
    font-size: 90%;
}

.sign {
    margin-left: 300px; 
    font-size: 90%;
}

.floatleft {
   float: left;
}

.rjcard {
	color: #121212;
   background: #EEFDFF;
   font-size: 80%;
}

.red {
   font-weight: bold;
	color: #D21607;
}

.redprice {
	color: #D21607;
}


.off {
  	margin: 1.5em 0 0.3em 0.3em;
	font-weight: bold;
  	font-size: 250%;
  	color: #0E3962;
	border-bottom: 1px solid #a9a9a9;
        background: url(../images/common/h1back.gif) no-repeat #F7F7FF;
 	padding: 3px 0 3px 1em;
}

#content .sfont {
	font-size: 60%;
}

.center {
	text-align: center;
}


.book_logo {
	text-align:center;
	height: 70px;
	padding-top: 10px;
	background: url(../images/service/book/u005bcg.gif) ;
}

table.naoki {
	margin-top: 10px;
	margin-left: 20px;
	width: 480px;
}

TD.n_name {
	font-size: 140%;
	font-weight: bold;
	color: #000080
}

TD.n_ad {
	font-size: 120%;
	font-weight: bold;
}

TD.naoki_1 {
	font-size: 90%;
	padding-left: 20px;
}

table.book2 {
	width:440px;
	margin-left: 60px;
	border: 1px solid #000000;
	background: url(../images/service/book/u005bcg.gif) ;
}

table.book {
	width:440px;
	margin-top: 10px;
	margin-left: 60px;
	border: 1px solid #000000;
	background: url(../images/service/book/u005bcg.gif) ;
}

TD.book_a {
	text-align: right;
}

strong.book_h1 {
	color: #ff0000;
	font-size: large;
}

strong.book_h2 {
	color: #ff0000;
	font-size: larger;
}

table.book_top {
	border-top: 1px outset #c0c0c0;
	table-layout: fixed;
	empty-cells: show;
}

th.b_name {
	margin-top: 30px;
}

div#book {
	padding: 0px 0px 10px 40px;
}

td.b-image {
	width: 110px;
	height: 110px;
}

/*
-----------------------------------------------------------------
    CANPAIGN
-----------------------------------------------------------------
*/
#popcontent {
	font-size: 90%;
	background: #fff;
}

#popcontent p{
	margin: 0.2em;
	padding: 0;
}


#popcontent h4{
  	margin: 1.5em 0 0.3em 0.3em;
  	font-size: 90%;
  	color: #0E3962;
	border-bottom: 1px solid #a9a9a9;
        background: url(../images/common/h1back.gif) no-repeat #F7F7FF;
 	padding: 3px 0 3px 1em;
}

.sentencecan {
	margin: 1em 0 1em 0;
	border: 1px solid #2CA42F;
}

#content #canpaign h3{
	color: #AF2809;
}


#content #canpaign h4{
	margin: 0;
	padding: 0 0 0 5px;
	background: #2CA42F;
	color: #fff;
	font-size: 90%;
}


.bicycletable {
	margin-left: 0.5em;
	margin-top: 1.5em;
}


.bicycleimg {
	width: 170px;
}

.bicyclename {
	width: 200px;
}

.bycycleop {
	width: 200px;
}

.spec {
	width: 100%;
	text-align: center;
	font-size: 90%;
	border-top: 1px solid #909090;
	border-right: 1px solid #909090;
}

.spec td{
	text-align: center;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
}

#content .spec .titlecell{
	padding: 3px;
	font-size: 90%;
	background: #3644CB;
	color: #fff;
}



.spec .light{
	width: 140px;
}


.back {
	color: #626262;
	font-size: 80%;
}

/*
-----------------------------------------------------------------
    SIDE MENU 
-----------------------------------------------------------------
*/

#content #canpaign .glaytable {
	width: 100%;
}


#content #canpaign .glope p{
	margin: 0;
	margin-bottom: 1em;
	border-bottom: 1px dashed #888888;
}

#content #canpaign .glope span{
	font-size: 90%;
}


Div .glope  { 
	border: 1px solid #FF8737;
	padding: 5px;
	margin: 0;
 }

.noblank {
	margin:0;
	padding: 0;
}

#sidemenu {
        position: absolute;
	top: 60px;
	width: 165px;
	margin: 0 0 0 10px;
	font-size: 90%;
}

#sidemenu ul{
	width: 167px;
 	list-style : none;
	margin: 0;
	padding:0;
}

#sidemenu li a{
	width: 165px;
	background: #F3FCFC;
	color: #142760;
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 5px ;
	border-bottom: 1px solid #ABD39B;
	border-left: 1px solid #ABD39B;
	border-right: 1px solid #ABD39B;}

#sidemenu li.parent{
	width: 165px;
	background: url(../images/liparentback.gif) repeat-x #679A9A;
	color: #fff;
	padding: 2px 0 2px 5px ;
	border-left: 1px solid #ABD39B;
	border-right: 1px solid #ABD39B;
}

#sidemenu li a:hover {
	background: #fff;
	color: #7F0303;
	border-left-color: greenyellow;
}

#sidemenu a img{
	margin: 6px 0 0 10px;
}

/*
-----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------
*/

#footer {
	width: 748px;
	margin: 0 auto;
	border: 1px solid #D5D4D6;
	background-color: #464646;
	color: #fff;
	font-size: 86%;
    	text-align: right;
	font-family: Optima, sans-serif;
}