@charset "utf-8";

/*  
Theme Name: Sapporo Taxi version 2008 Spring
Theme URI: http://www.sapporo-taxi.co.jp/
Description: Theme for Sapporo Taxi Corporation
Version: 1.0

*/

/*
reset.css
--------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
fieldset, a img {border:none;}

/*
layout.css
--------------------------------------------------*/


#logowrap {
			clear:both;
			width:850px;
			margin:10px auto 0 auto;
			padding:0 25px;
			height:40px;
			background:#fff url(./images/bg-hklogo2.png) left bottom repeat-x;
			border-right:1px solid #d7d2c6;
			border-left:1px solid #d7d2c6;
			text-indent:-9999px;
}

#logowrap a {
			display:block;
			width:100px;
			height:40px;
			outline:none;
}

#wrap{
			clear:both;
			width:850px;
			margin:0 auto 0 auto;
			padding:0 25px;
			background:#fff;	
			border-right:1px solid #ddd;
			border-left:1px solid #ddd;
}

#header{
			width:850px;
}
#content, #topcourse, #footer{
		clear:both;
		padding:15px 0;			
		margin:0;
}

#shadow{
			clear:both;
			width:900px;
			margin:0 auto 50px auto;
			background:transparent url(./images/shadow.png) top center no-repeat;
			height:10px;
}

*html #shadow{
			padding-bottom:50px;
			background:transparent url(./images/shadow-ie6.png) top center no-repeat;
}

#map{
			margin:25px 0px 20px 30px;
}

.alignright{
text-align:right;
margin-right:5px;
}

.floatright{
float:right;
}

.floatleft{
float:left;
}

.courseright{
float:right;
font-weight:bold;
}

.floatcenter{
margin-left:290px;
}

table{
margin-left:40px;
width:580px;
background:#fff;
}

tr{
margin:1px;
border:1px solid #fff;
}

th{
text-align:right;
background:#ddd;
padding:5px;
margin:0px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

#kaisha-contents  th{
width:150px;
}

td{
background:#fff;
padding:5px 0 5px 20px;
margin:0px;
border-bottom:1px solid #ddd;
}


/*
typo.css
--------------------------------------------------*/
body {
	color: #000000;
	background-color: #FFFFFF;
}

a:link,
a:visited {
	text-decoration: underline;
	color: #000000;
}


img {
	border: 0;
}

.date{color:#666;font-size:x-small;}

#snavi li a{color:#61402b;}
#snavi li a:hover {color:#a3795f;text-decoration:underline;}

#news h2 {margin:5px 0;}
#news p {font-size:small;margin:0 0 15px 0; color: #61402b;}

#topblog {font-size:small;}

.course p {font-size:small;}
.topcourse-more{font-size:small;}

.smallfont {
font-size:small;
}


/*
header-parts.css
--------------------------------------------------*/
#hklogo {margin:0 0 0 28px;}
#sapporologo {clear:both; float:left; margin:10px 0 0 0px;}
#header h1{float:left; margin:12px 25px;font-weight:normal;}

#header #snavi {float:right; height:20px; margin-top:10px; font-size:small; list-style:none;}
#footer #snavi {float:left; height:20px; margin:0; padding:0;font-size:small; list-style:none;}
#header #snavi li {float:left; margin-left:10px; padding-left:12px; background:transparent url(./images/global-arrow.png) -4px 2px no-repeat;}
#footer #snavi li {float:left; margin-right:10px; padding-left:12px; background:transparent url(./images/global-arrow.png) -4px 2px no-repeat;}

#mnavi {
		clear:both;
		float:left;
		width: 850px; 
		height:56px;
		background: #fff url("./images/mnavi-top.png") no-repeat; 
		padding:0 0 0 0;
		margin:15px 0 0 0;
		 list-style:none;
	}

#mnavi li{float:left;}
#mnavi #mnavi-sap{margin:15px 10px 0 10px;}
#mnavi #mnavi-toya{margin:15px 10px 0 17px;}
#mnavi #mnavi-mrn{margin:15px 10px 0 67px;}
#mnavi .mnavi-b{margin:15px 0 0 0}	

* html #mnavi #mnavi-sap{margin:15px 8px 0 5px;}
* html #mnavi #mnavi-toya{margin:15px 10px 0 18px;}
* html #mnavi #mnavi-mrn{margin:15px 15px 0 69px;}
* html #mnavi .mnavi-b{margin:15px 0 0 0}	

/* Sapporo */
#style_8 #mnavi, #style_9 #mnavi, #style_10 #mnavi,#style_11 #mnavi, #style_12 #mnavi, #style_18 #mnavi, #style_19 #mnavi, #style_20 #mnavi {
		background: #fff url("./images/mnavi-sap.png") no-repeat; 
}

/* Otaru */
#style_13 #mnavi, #style_14 #mnavi, #style_15 #mnavi, #style_16 #mnavi, #style_17 #mnavi, #style_21 #mnavi, #style_22 #mnavi, #style_23 #mnavi  {
		background: #fff url("./images/mnavi-toya.png") no-repeat; 
}

/* Muroran */
#style_24 #mnavi, #style_25 #mnavi, #style_26 #mnavi, #style_27 #mnavi  {
		background: #fff url("./images/mnavi-mrn.png") no-repeat; 
}

/*
top-contents-parts.css
--------------------------------------------------*/
/* top-contents modules */
#top-contents-sapporo {
		border-top:3px solid #eee; 
		border-left:3px solid #eee; 
		border-bottom:3px solid #eee; 
		border-right:1px solid #eee; 		
		margin:0;
		padding:0;
}	

#top-contents-toya {
		border-top:3px solid #eee; 
		border-left:1px solid #eee; 
		border-bottom:3px solid #eee; 
		border-right:1px solid #eee; 		
		margin:0;
		padding:0;
}		

#top-contents-mrn {
		border-top:3px solid #eee; 
		border-left:1px solid #eee; 
		border-bottom:3px solid #eee; 
		border-right:3px solid #eee; 		
		margin:0;
		padding:0;
}		


/* news modules */
#news {
		clear:left;
		float:left;
		width:570px;	
		background:#f0ebde url("./images/news-title.png") top left no-repeat; 
		margin-top:15px;
		padding:45px 0px 10px 0px;
		position:relative;
}

*html #news {
		padding:60px 0px 10px 0px;		
}

#news img {
		margin-bottom:10px;
}

#news h2,#news p {
		margin:0;
		padding:0 10px 0px 20px; 
}

#news h2{
		margin-top:10px;
}

#news p {
padding-left:90px;
padding-right:15px;
}

*html #news p {
padding-left:80px;
}

.morenews{
		float:left;
		width:555px;	
/*		background:#f0ebde url("./images/news-title.png") no-repeat; */
		background:#f0ebde;
		margin:0px;
		padding:0px 15px 10px 0px;
		position:relative;
		text-align:right;
}

/* banner modules */

#topblog {
		float:right;
		width:240px;		
		background:#ebe2c6 url("./images/topbanner-bg.png") left bottom no-repeat;
		margin-top:15px;
		padding:10px 10px 20px 10px;
}

#topbanner {
		float:right;
		width:240px;		
		background:#ebe2c6;
		margin-top:15px;
		padding:10px 10px 10px 10px;
}
/*
topcourse-parts.css
--------------------------------------------------*/
#topcourse {
		clear:left;
		float:left;
		width:570px;		
		height:300px;
		margin-top:15px;		
		padding:40px 0 10px 1px;
		background:#fff url("./images/midashi-course-long.png") 0px 0px no-repeat;
		position:relative;
}

*html #topcourse {
		padding:40px 0 10px 10px;
}


.course {
		float:left;
		width:165px;		
		height:260px;
		margin:15px 5px 0 0;		
		padding:10px;
		background:#fff url("./images/shadow-course.png") right bottom no-repeat;
}

*html .course {
		width:165px;
		height:280px;		
		margin:15px 5px 0 0;		
		padding:5px;
}

#kankocourse .course{
		height:310px;
		margin:15px 15px 0 10px;		
		background:#fff url("./images/shadow-course-long.png") right bottom no-repeat;		
}

*html #kankocourse .course {
		width:165px;
		height:330px;		
		margin:15px 5px 0 10px;		
}

.course h3 {
		margin-top:5px;
}

.course img {
		border:3px solid #eee;
}

.course p {
		margin:5px 0 0 0;
}

.course .more-link {
float:right;
}
	
.topcourse-more{
clear:left;
text-align:right;
}

*html .topcourse-more{
margin-right:15px;
}

/*
sidenavi-parts.css
--------------------------------------------------*/
#sidenavi {
display:none;
}


.sapporo-de-noru {
margin-left:0;border-top:2px solid #cc6633;
margin-bottom:0px;
}

.toya-de-noru {
margin-left:0;border-top:2px solid #999900;
}

.muroran-de-noru {
margin-left:0;border-top:2px solid #3366cc;
}


.kaisha_annai {
margin-left:0;border-top:2px solid #003399;
}

/*ここから　*/

#sidenavi ul {
padding:0px;
margin:0px;
}



#sidenavi li{
list-style:none;
padding:0px;
margin:0px;
height:49px;
}

*html #sidenavi li{
margin-top:0px;
}
.li_kaisha_annai a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_annai_off.gif") left top no-repeat;
outline:none;
}

.li_kaisha_annai_on a, .li_kaisha_annai a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_annai_on.gif") left top no-repeat;
outline:none;
}

.li_kaisha_anzen a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_anzen_off.gif") left top no-repeat;
outline:none;
}

.li_kaisha_anzen_on a, .li_kaisha_anzen a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_anzen_on.gif") left top no-repeat;
outline:none;
}

.li_kaisha_saiyo a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_saiyo_off.gif") left top no-repeat;
outline:none;
}

.li_kaisha_saiyo_on a, .li_kaisha_saiyo a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_saiyo_on.gif") left top no-repeat;
outline:none;
}

.li_kaisha_contact a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_contact_off.gif") left top no-repeat;
outline:none;
}

.li_kaisha_contact_on a, .li_kaisha_contact a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_contact_on.gif") left top no-repeat;
outline:none;
}

.li_kaisha_info a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_info_off.gif") left top no-repeat;
outline:none;
}

.li_kaisha_info_on a, .li_kaisha_info a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kaisha_info_on.gif") left top no-repeat;
outline:none;
}

.li_goriyo a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/goriyo_off.gif") left top no-repeat;
outline:none;
}

.li_goriyo_on a, .li_goriyo a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/goriyo_on.gif") left top no-repeat;
outline:none;
}

.li_price a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/ryoukin_off.gif") left top no-repeat;
outline:none;
}

.li_price_on a, .li_price a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/ryoukin_on.gif") left top no-repeat;
outline:none;
}

.li_process a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/yoyaku_off.gif") left top no-repeat;
outline:none;
}

.li_process_on a, .li_process a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/yoyaku_on.gif") left top no-repeat;
outline:none;
}

.li_omotenashi a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/omotenashi_off.gif") left top no-repeat;
outline:none;
}

.li_omotenashi_on a, .li_omotenashi a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/omotenashi_on.gif") left top no-repeat;
outline:none;
}

.li_sapporokanko a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/sapporokanko_off.gif") left top no-repeat;
outline:none;
}

.li_sapporokanko_on a, .li_sapporokanko a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/sapporokanko_on.gif") left top no-repeat;
outline:none;
}

.li_toyakanko a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/toyakanko_off.gif") left top no-repeat;
outline:none;
}

.li_toyakanko_on a, .li_toyakanko a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/toyakanko_on.gif") left top no-repeat;
outline:none;
}

.li_osusumespot a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/osusumespot_off.gif") left top no-repeat;
outline:none;
}

.li_osusumespot_on a, .li_osusumespot a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/osusumespot_on.gif") left top no-repeat;
outline:none;
}

.li_kankocourse a {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kankocourse_off.gif") left top no-repeat;
outline:none;
}

.li_kankocourse_on a, .li_kankocourse a:hover {
display:block;
width:189px;
height:49px;
text-indent:-9999px;
background:transparent url("./images/sidenavi/kankocourse_on.gif") left top no-repeat;
outline:none;
}

/*ここまで

#sidenavi ul {
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
}

.sidenavi{
margin:5px 5px 5px 20px;
}

#sidenavi li{
list-style:none;
}
*/

.current-cat {
background:#fff;
}

#style_8 .current-cat, #style_13 .current-cat{
background:transparent;
}

/*
kaisha-contents-parts.css
--------------------------------------------------*/

#kaisha-contents{
		float:left;
		width:640px;		
		margin:15px 0 0 0;		
		padding:0;
/*		border:1px solid #ddd; */
}

#kaisha-contents table{
		margin:0px 0 0 25px;
		padding:10px 15px 10px 15px;
}


/*
sapporo-goriyo-parts.css
--------------------------------------------------*/
#sapporo-goriyo, #toya-goriyo {
		float:left;
		width:315px;		
		margin:15px 5px 0 0;		
		padding:0 0 30px 0;
		border:1px solid #ddd;
}

#sapporo-goriyo-large, #toya-goriyo-large, #mrn-goriyo-large {
		float:left;
		width:640px;		
		margin:15px 0 0 0;		
		padding:0;
/*		border:1px solid #ddd;  */
}

.goriyo-header {
		margin:1px;
}

.goriyo-menu {
		padding:0 15px 5px 20px;
}

.goriyo-menu li {
		margin-left:10px;
		list-style: url("./images/global-arrow.png");
}

#ryoukin, #yoyaku, #omotenashi{
		clear:both;
		margin:0;
}

#style_18 #ryoukin, #style_19 #yoyaku, #style_20 #omotenashi,
#style_21 #ryoukin, #style_22 #yoyaku, #style_23 #omotenashi{
padding-top:8px;
}


#ryoukin p, #yoyaku p, #omotenashi p,#kankocourse .padding{
		padding:15px;	
}



#kankospot, #kankocourse{
		margin:0;
		padding-bottom:10px;
}

#sapporo-kanko, #toya-kanko {
		float:left;
		width:315px;		
		margin:15px 0 0 0;		
		padding:0;
/*		background:#fff url("./images/sapporo-kanko-header.png") 0px  0px no-repeat; */
		border:1px solid #ddd;
}


.topcasette {
float:left;
width:90%;
background:transparent; 
margin:10px 0 5px 10px;
padding:5px 5px 10px 5px;
}

.topcasette h3{
font-size:14px;
font-weight:bold;
}

.topcasetteindex {
float:left;
width:90%;
background:transparent; 
margin:10px 0 5px 10px;
padding:5px 5px 125px 5px;
}

.casette {
float:left;
width:270px;
background:#fff url("./images/bg-kankospot.png") right bottom no-repeat; 
margin:10px 0 0 10px;
padding:10px 15px 20px 5px;
}

*html .casette{
width:240px;
}

#kankospot .casette {
margin:10px 10px 0 15px;
}

#style_10 .casette, #style_11 .casette, #style_15 .casette, #style_16 .casette {
width:620px;
background:#fff;
margin:10px 0 0 20px;
padding:0px 0px 20px 0px;
border-bottom:1px solid #ddd;
}


*html #style_10 .casette, *html #style_11 .casette, *html #style_15 .casette, *html #style_16 .casette{
width:590px;
}


#style_10 .casette h3,#style_11 .casette h3, #style_15 .casette h3, #style_16 .casette  h3{
font-size:medium;
}

.casette img, .topcasette img {
padding:0;
margin:0 0 10px 0;
border:3px solid #eee;
}

.casette h3, .topcasette h3{
margin:0 0 10px 0;
}

#style_10 .casette img,#style_11 .casette img, #style_15 .casette img, #style_16 .casette img {
float:left;
margin:10px;
}



.casette h3 a, .topcasette h3 a {
text-decoration:underline;
}

.casette p {
margin-top:5px;
}

.update {
float:right;
font-size:small;
margin-left:10px;
font-weight:bold;
}


.course-excerpt {
margin:5px 0 0 10px;
padding:5px 15px 10px 10px;

}

.course-excerpt p {
font-size:small;
}

.course-excerpt h3{

}

/*
single.css
--------------------------------------------------*/
#single{
float:left;
width:640px;
margin:15px 0 0 0;
padding:0 0 25px 0;
/* border:1px solid #eee; */
}

#single h2, .archive h2{

font-size:medium;
color:#4d3826;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-weight:bold;
padding:10px 15px 10px 15px;
background:#fff url("./images/bg-entry-h2.png") left top repeat;
margin:15px 0 5px 0;

}
 .archive h2 a, .archive h2 a:visited{
text-decoration:underline;
 }

.archive p{
margin:0px 25px 0 25px;
padding:0px 15px 5px 15px;
}

#single .entry p {
margin:0px 15px 0 15px;
padding:0px;
}

.archive h3{
margin:0px 25px 0 25px;
padding:0px 15px 5px 15px;
font-weight:bold;
}

#single .entry img {

margin-right:15px;
margin-top:10px;
margin-bottom:10px;
}

#single .entry h3{
clear:both;
margin-top:20px;
margin-bottom:5px;
margin-left:15px;
font-weight:bold;
font-size:medium;
border-bottom:1px solid #ddd;
}

#style_11 #single .entry p, #style_16 #single .entry p{
padding-bottom:10px;
}

/*
footer.css
--------------------------------------------------*/
#footer {
padding-top:55px;
text-align:right;
}


/* pkg modules
-----------------------------------------------------------------------------------------------------*/

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */