/*
Theme Name: Business Casual 
Theme URI: http://www.siolon.com/2007/business-casual-wordpress-theme/
Description: A simple theme with a business casual style.
Theme Version: 1
Tags: red, gray, two, columns, fixed, width, business, casual
Author: crebatec

*/

html,body {margin:0;
	padding:0;
	font-size:16px;
	font-family:Arial,helvetica,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
}
h1,h2,h3,h4,h5,h6 {margin:0;
	padding:0;
	font-weight:400;
	font-size:100%;}
header,footer,nav,section
{	margin:0;
	padding:0;}

a,a:hover,img {border:none;
	padding:0;
	margin:0;
	outline:none;}
a {color:#DD1919;}
a:hover {color:#555;}

ol,ul,li,dl,dt,dd{margin:0;
	padding:0;}
	
table{border-collapse:collapse;  
	border-spacing:0;
}
p {margin:0 0 16px;
	padding:0;
}
.clear {clear:both;}
.clearfix:after {content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;}
.clear {min-height:1px;}
* html .clear {height:1%;}

/* header,footer,ect */
body {background:url(img/background3.jpg) 0 0 repeat;}

#wrapper {margin:0 auto;
	width:900px;
	background-color:#fff;}
#pageTop {display:block;
	font-size:75%;
	color:#666;
	text-decoration:none;
	padding:8px 10px;}
#header {margin:0 0 10px;
	background:url(img/cojp_top_back.jpg) no-repeat 0 90px;
	*height:230px;}
#headImage {display:block;
	padding:0 0 16px;
	clear:both;}
#headGraphic ,
#headWeb {text-align:right;
	float:right;
	width:200px;
	padding:0 10px 0 0;}
#headGraphic h2 ,
#headWeb h2 {color:#fff;
	letter-spacing:.05em;
	margin:0 0 4px}
#headGraphic ul ,
#headWeb ul {list-style:none;
	font-size:65%;
	padding:0 0 10px;
	zoom:1;} 
#headGraphic li ,
#headWeb li {margin:1px 0;} 
#headGraphic li a ,
#headWeb li a {color:#750000;
	text-decoration:none;}
#headGraphic li a:hover ,
#headWeb li a:hover {color:#f00;
	background-color:#750000;
	padding:0 3px;}

#footer {clear:both;}
#footer ul {list-style:none;
	text-align:center;
	margin:0 0 10px;}
#footer li {list-style:none;
	display:inline;
	font-size:80%;
	letter-spacing:.04em;
	border-left:1px solid #333;
	padding:0 10px;}
#footer li.firstChild {border-left:none;}
#footer li a {text-decoration:none;
	color:#666;}
#footer li a:hover {text-decoration:underline;
	color:#DD1919;}
#footer p small
{	display:block;
	margin:0;
	padding:10px 15px 20px;
	font-size:78%;
	font-weight:400;
	font-style:normal;
	color:#fff;
	letter-spacing:.05em;
	background:url(img/cojp_top_back.jpg) no-repeat 0 0;
	text-align:center;}




/* contents */

#content {width:570px;
	float:left;
	padding:15px 0 0 15px;
	font-size:85%;
	zoom:1;}
#content h2 {margin:0 0 12px;}
h3.subcaption {margin:50px 0 16px;
	border-left:5px solid #777;
	color:#444;
	font-size:160%;
	font-weight:700;
	padding:1px 0 1px 10px;
	letter-spacing:.12em;
	clear:both;}


#bnrArea {list-style:none;
	margin:0 0 30px;}
#bnrArea li {display:inline;}


#pankuz {list-style:none;
	margin:0 0 40px;}
#pankuz li {display:inline;
	padding:2px 5px;
	letter-spacing:.1em;}
#pankuz a {background:url(img/icon-pankuz.png) 100% 50% no-repeat;
	padding:0 15px 0 0;
	color:#666;}
#pankuz a:hover {color:#DD1919;}



#newsArea {height:80px;
	overflow-y:scroll;
	letter-spacing:.08em;
	line-height:1.2em;
	padding:5px 8px 0;
	border:1px solid #ddd;
	list-style:none;
	margin:0 0 40px;
	clear:both;}
#newsArea dt {font-size:95%;
	font-weight:400;
	color:#555;
	float:left;
	padding:0 0 6px;
width:90px;}
#newsArea dd  {padding:0 0 6px;
	zoom:1;
margin:0 0 0 100px;}

.businessInfo {clear:both;}

.shadowMiddle {float:left;
	width:280px;
	background:url(img/shadow-middle.png) 0 100% no-repeat;
	padding:0 0 18px;}
.shadowMiddle h3 {background:url(img/shadow-top.png) 0 0 no-repeat;
	padding:16px 18px;}
.shadowMiddle p {padding:0 18px;
	font-size:90%;
	letter-spacing:.08em;
	line-height:1.5em;}
.shadowMiddle p img {margin:0 0 10px;}
.shadowMiddle .pageGuid ,
.noShadow .pageGuid {padding:0 18px;}

.noShadow {float:left;
	width:280px;}
.noShadow h3 {padding:16px 18px;
border:none;
margin:0;}



/* navi */

#navi {width:270px;
	float:right;
	padding:15px 15px 0 0;}

.blocks {margin:0 0 16px;
	padding:0 0 16px;
	border-bottom:1px solid #d0d0d0;
	font-size:80%;}

.blocks h2 {border-bottom:1px solid #E80000;
	padding:0 0 5px;
	margin:0 0 14px;
	font-size:140%;}
.blocks h2 img
{	margin-right:10px;
	vertical-align:middle;}

.blocks p {letter-spacing:.05em;
	line-height:1.2em;
	margin:0 0 10px;}
.blocks address {font-style:normal;
	font-weight:400;
	line-height:1.2em;
	margin:0 0 10px;}

.blocks p.contact {margin:0;}

#menu li {border-bottom:1px dotted #aaa;
	list-style:none;
	padding:4px 2px;}
#menu li a {display:block;
	font-size:140%;
	color:#555;
	text-decoration:none;
	letter-spacing:.06em;
	border-left:4px solid #E91543;
	padding:5px 0 5px 12px;}
#menu li a:hover {background-color:#f1f1f1;
	color:#1d1d1d;}
	
#menu li ul {margin:0 0 0 10px;
	border-left:3px solid #E91543;
	padding:0 10px;}
#menu li ul li {border:none;}
#menu li ul li a {font-size:90%;
	border:none;
	padding:0;
	color:#DD1919;}


.blocks h3 {letter-spacing:.05em;
	font-weight:700;}
.blocks h3.spacer {margin:16px 0 0;} 
.blocks .pageGuid a {color:#444;
	text-decoration:none;}
.blocks .pageGuid a:hover {color:#DD1919;
	text-decoration:underline;}
#naviBnrArea {list-style:none;}


/* global */

.pageGuid {list-style:none;}
.pageGuid li {background:url(img/icon-arrow.png) 0 6px no-repeat;
	padding:2px 0 2px 16px;}

#gotoTop {clear:both;
	padding:30px 30px 10px;
	text-align:right;}
#gotoTop a {background:url(img/icon-goto.png) 0 50% no-repeat;
	padding:5px 0 5px 25px;
	color:#333;
	text-decoration:none;}
#gotoTop a:hover {background:url(img/icon-goto.png) 0 50% no-repeat;
	padding:5px 0 5px 25px;
	color:#DD1919;}


.notes {font-size:85%;
	letter-spacing:.05em;
	line-height:1.1em;}

#meta {padding:30px 0 0;}

#slider {
margin: 0 0 10px;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li { 
	width:260px;
	height:244px;
	overflow:hidden; 
}


#nextBtn a , #prevBtn a {
background: #F11184;
color: #fff;
padding: 3px;
}

#prevBtn {
margin: 0 10px 0 0;
}

/* 常に一番下に記述 */
*br {letter-spacing:0;}