/*
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%;}

.alpha ,
a:hover img
{	opacity:.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);}

/* header,footer,ect */

#allInner {
background: url(img/back_tx_right.gif) right bottom no-repeat;
}

#wrapper {margin:10px auto 0;
	width:900px;
}

#topicNews {
background: #fff;
margin: 15px 0;
padding: 0 8px 0;
}

#topicNews p {
padding:0 0 0 33px;
line-height: 1.6em;
}

#topicNews {
background: url(img/title_arrow_wh.gif) 0 0 no-repeat;
}

#topicNews p span {
display: block;
}

#topicNews p em {
padding: 0 0 0 5px;
font-style: normal;
display: block;
letter-spacing: 0.05em;
}

#box {
margin: 0 0 10px;
}

#box li {
list-style: none;
float: left;
margin: 0 0 8px;
}

#box .wbox {
float: right;
}

#pageTop {display:block;
	font-size:75%;
	color:#666;
	text-decoration:none;
	padding:8px 10px;}

#topMainbtn {
	margin: 10px 0;
	padding: 0;
}

#header {
background:url(img/back_tx_top.gif) 0 0 no-repeat;
padding: 10px 0 0;
}

#header h2 {
position: absolute;
width: 300px;
height: 190px;
top: 50px;
left: -60px;
}

#headerInner {
position: relative;
width: 900px;
margin: 0 auto;
}

#header h1 {
width: 390px;
float: left;
}

#header .contact {
float: right;
font-size: 12px;
}

#header .contact dl {
margin: 0 0 10px;
}

#header .contact dl dt {
margin: 0 0 5px;
color: #DD1919;
font-weight: bold;
font-size: 150%;
}

#headImage {
display:block;
text-align: center;
clear:both;
}


#mainImage {
padding: 5px 0;
text-align: center;
background: url(img/back_tx_redzone.gif) 0 0 repeat-x;
}

#footer {
border-top: #aaa solid 8px;
clear:both;
background:url(img/cojp_top_back.jpg) repeat 0 0;
}

#footer .companyProfile {
width: 265px;
float: left;
color: #fff;
font-size: 12px;
border: none;
padding: 20px 0 0;
}

#footerInner {
	margin:0 auto;
	width: 900px;
}

#footer ul {list-style:none;
	padding: 20px 0 20px;
	float: left;
	width: 200px;
	margin: 0 10px 0 0;}

#footer ul.firstChild {
list-style:none;
	padding: 20px 0 20px;
	float: left;
	width: 200px;
	margin: 0;
}


#footer li {
	list-style:none;
	font-size:80%;
	letter-spacing:.04em;
	padding:0 10px 0 15px;
	margin: 0 0 8px;
	background: url(img/icon_arrow.gif) left center no-repeat;
}
#footer li.firstChild {border-left:none;}
#footer li a {text-decoration:none;
	color:#fff;}
#footer li a:hover {text-decoration:underline;
	color:#DD1919;}

#footer li ul li {
	background: url(img/icon_line.gif) left center no-repeat;
}

#footer li ul {
padding: 10px 0 0;
}

#footer address small
{	display:block;
	margin:0;
	padding:10px 15px 20px;
	font-size:78%;
	font-weight:400;
	font-style:normal;
	color:#fff;
	letter-spacing:.05em;
	text-align:center;
	clear: both;}

#footer address {
margin: 0;
}

#footer ul a:hover {
color: #aaa;
}

/* contents */

#content {width:570px;
	float:left;
	padding:0;
	font-size:85%;
	zoom:1;}
#content h2 {margin:0 0 12px;}
h3.subcaption {margin:25px 0 16px;
	border-left:5px solid #777;
	color:#444;
	font-size:120%;
	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:120px;
	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;
	font-size:80%;}

.blocks h2 {border-bottom:1px solid #fff;
	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 {
	list-style:none;
	position: relative;
	margin: 0 0 4px;
}

#menu li a {
width: 260px;
top: 0;
left: 0;
color: #555;
text-decoration: none;
display: block;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
border-bottom: 1px dotted #ccc;
}

#menu  li ul li a:hover {background-color:#eee;
	color:#dd0003;}
	
#menu li ul {margin: 3px 0 0 10px;
	border-left:2px solid #C71417;
	padding: 0 0 5px;}
#menu li ul li {border:none;
	background:none;
	height: 22px;}
#menu li ul li a {
	height: 22px;
	font-size:90%;
	border:none;
	padding: 6px 6px 0 6px;
	color:#DD1919;
	display: block;
	background: none;}

#menu a:hover img
{	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);}


.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 {
	width: 900px;
	margin:0 auto;
	padding:40px 0 0;
	text-align:center;
	font-size:80%;}

#gotoTop a {
	float: right;
	display:block;
	width:130px;
	height:15px;
	padding:5px;
	color:#fff;
	background:#aaa;
	text-decoration:none;}

#gotoTop a:hover {
	background:#999;
	color:#fff;}


.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;
}

#twitter {
font-size: 12px;
}

.profileLink {
text-align: center;
}

/* print box    web box */

#content .pbox h2 {
float: left;
margin: 0 0 5px 0;
padding: 0;
}

.pbox .pboxTit {
position: relative;
margin: 0 0 30px;
width: 570px;
}

.pbox h3 {
padding: 8px 0 0;
border-top: 3px solid #008DCB;
}

.wbox h3 {
border-top: 3px solid #D0000E;
}

.pbox .deliveryTime {
float: right;
margin: 33px 100px 0 0;
}

.pbox .price {
position: absolute;
top: 7px;
right: 0px;
width: 93px;
height: 93px;
}

.pbox #frame_repeat {
width: 562px;
background: url(img/pbox_frame_repeat.gif) repeat-y;
margin: 0 0 25px;
}

.pbox #frame_top {
background: url(img/pbox_frame_top.gif) top no-repeat;
min-height: 5px;
padding: 35px 10px 1px 10px;
}

.pbox #frame_bottom {
background: url(img/pbox_frame_bottom.gif) bottom no-repeat;
}

.wbox #frame_repeat {
width: 562px;
background: url(img/wbox_frame_repeat.gif) repeat-y;
margin: 0 0 25px;
}

.wbox #frame_top {
background: url(img/wbox_frame_top.gif) top no-repeat;
min-height: 5px;
padding: 35px 10px 1px 10px;
}

.wbox #frame_bottom {
background: url(img/wbox_frame_bottom.gif) bottom no-repeat;
}

#frame_bottom .boxImg {
float: left;
margin: 20px 0 0 10px;
}

#frame_bottom .caution {
font-size: 80%;
}

.pbox .catch {
width: 390px;
float: right;
margin: 0 10px 20px 0;
}

.pbox .catch dt{
font-size: 160%;
font-weight: bold;
color: #008DCB;
border-bottom: 1px solid #ccc;
margin: 0 0 8px 0;
padding: 0 0 5px 0;
}

.pbox .catch dd{
margin: 0 0 10px 0;
line-height: 1.4em;
}

.pbox .catch em {
color: #F08300;
font-style: normal;
font-weight: bold;
}

.pbox .item {
border: 3px solid #ddd;
width: 260px;
float: left;
margin: 0 10px 10px 0;
padding: 0 0 10px 0;
}

.pbox .rightItem {
margin: 0 0 10px 0;
}

.pbox .rightItem  ul {
padding: 0;
}

.pbox .rightItem  ul  li {
list-style: none;
margin: 3px 0;
}

.pbox .item dt {
color: #fff;
font-size: 120%;
font-weight: bold;
height: 31px;
margin: 2px;
padding: 6px 0 0 7px;
*padding: 7px 0 0 7px;
background: url(img/pbox_tit_bg.gif) repeat-x;
}

.wbox .item dt {
background: url(img/wbox_tit_bg.gif) repeat-x;
}

.pbox .item dt span {
font-size: 85%;
float: right;
margin: 1px 5px 0 0;
*margin: -16px 5px 0 0;
}

.pbox .item dd {
margin: 5px 0 10px 10px;
padding: 0 0 0 10px;
background: url(img/pbox_icon_g.gif) left 5px no-repeat;
}

.pbox .item em {
font-size: 80%;
font-style: normal;
}

.pbox h4 {
margin: 0 0 8px 0;
}

.pbox h5 {
margin: 50px 0 15px;
}

.pbox .contact li {
list-style: none;
display: inline;
}

.pbox  .chart{
position: relative;
}

.pbox .chart .chart567 {
position: absolute;
top: 245px;
right: 0px;
}

.pbox .chart li {
padding: 15px 0 15px 45px;
list-style: none;
border-bottom: 1px dotted #ccc;
}

.pbox .chart1 {
background: url(img/pbox_icon_1.gif) left center no-repeat;
}

.pbox .chart2 {
background: url(img/pbox_icon_2.gif) left center no-repeat;
}

.pbox .chart3 {
background: url(img/pbox_icon_3.gif) left center no-repeat;
}

.pbox .chart4 {
background: url(img/pbox_icon_4.gif) left center no-repeat;
}

.pbox .chart5 {
background: url(img/pbox_icon_5.gif) left center no-repeat;
}

.pbox .chart6 {
background: url(img/pbox_icon_6.gif) left center no-repeat;
}

.pbox .chart7 {
background: url(img/pbox_icon_7.gif) left center no-repeat;
}

.pbox .chart8 {
background: url(img/pbox_icon_8.gif) left center no-repeat;
}

.wbox .chart1 {
background: url(img/wbox_icon_1.gif) left center no-repeat;
}

.wbox .chart2 {
background: url(img/wbox_icon_2.gif) left center no-repeat;
}

.wbox .chart3 {
background: url(img/wbox_icon_3.gif) left center no-repeat;
}

.wbox .chart4 {
background: url(img/wbox_icon_4.gif) left center no-repeat;
}

.wbox .chart5 {
background: url(img/wbox_icon_5.gif) left center no-repeat;
}

.wbox .chart6 {
background: url(img/wbox_icon_6.gif) left center no-repeat;
}

.wbox .chart7 {
background: url(img/wbox_icon_7.gif) left center no-repeat;
}

.wbox .chart8 {
background: url(img/wbox_icon_8.gif) left center no-repeat;
}

.wbox .chart9 {
background: url(img/wbox_icon_9.gif) left center no-repeat;
}

.wbox .chart10 {
background: url(img/wbox_icon_10.gif) left center no-repeat;
}


.pbox .chartAttention {
text-align: right;
margin: 8px 0 0;
font-size: 90%;
}

.pbox .pay li{
list-style: none;
margin: 0 0 8px 27px;
padding: 0 0 0 10px;
background: url(img/pbox_icon_g.gif) left center no-repeat;
}
.pbox .result {
border: 1px solid #ccc;
padding: 10px;
margin: 40px 0 30px;
}

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

.pbox .result ul {
margin: 0 0 10px 0;
}

.pbox .result ul li {
list-style: none;
margin: 0 0 3px 0;
}

.pbox .result dl {
width: 380px;
float: right;
margin: 0 5px 0 0;
}

.pbox .result dt {
color: #008DCB;
font-size: 120%;
font-weight: bold;
padding: 0 0 0 12px;
margin: 0 0 5px 0;
background: url(img/pbox_icon_b.gif) left center no-repeat;
}

.wbox .result dt {
color: #D0000E;
background: url(img/wbox_icon_b.gif) left center no-repeat;
}

.pbox .result dd {
border-bottom: 1px dotted #ccc;
margin: 0 0 13px 0;
padding: 0 0 13px 0;
line-height: 1.4em;
}

.pbox .result .lastChild {
border: none;
}

/* premium box */

.premium #frame_repeat {
width: 571px;
background: url(img/premium_repeat.jpg) repeat-y;
margin: 0 0 25px;
}

.premium #frame_top {
background: none;
margin: 0;
padding: 0;
}

.premium #frame_bottom {
background: url(img/premium_bottom.jpg) bottom no-repeat;
padding: 0px 10px 10px 20px;
}

.premium .report {
width: 375px;
color: #fff;
float: right;
margin: 10px 20px 0 0;
line-height: 1.8em;
font-size: 90%;
}

.premium #frame_bottom .boxImg {
margin: 0 0 0 16px;
}

.premium #frame_repeat dl {
border: none;
background-color: #fff;
}

.premium .item dt {
color: #fff;
font-size: 120%;
font-weight: bold;
height: 27px;
margin: 2px;
padding: 6px 0 0 7px;
*padding: 7px 0 0 7px;
background: url(img/premium_tit_bg.gif) repeat-y;
}

.premium .caution {
color: #fff;
}

.premium .chart1 {
background: url(img/premium_icon_1.gif) left center no-repeat;
}

.premium .chart2 {
background: url(img/premium_icon_2.gif) left center no-repeat;
}

.premium .chart3 {
background: url(img/premium_icon_3.gif) left center no-repeat;
}

.premium .chart4 {
background: url(img/premium_icon_4.gif) left center no-repeat;
}

.premium .chart5 {
background: url(img/premium_icon_5.gif) left center no-repeat;
}

.premium .chart6 {
background: url(img/premium_icon_6.gif) left center no-repeat;
}

.premium .chart7 {
background: url(img/premium_icon_7.gif) left center no-repeat;
}

.premium .chart8 {
background: url(img/premium_icon_8.gif) left center no-repeat;
}

.premium .chart9 {
background: url(img/premium_icon_9.gif) left center no-repeat;
}

.premium .chart10 {
background: url(img/premium_icon_10.gif) left center no-repeat;
}

.premium .result dt {
background: url(img/premium_icon_b.gif) left center no-repeat;
}

#content .premium h2 {
margin: 0;
padding: 0;
}

.premiump #frame_repeat {
width: 571px;
background: url(img/premiump_repeat.jpg) repeat-y;
margin: 0 0 25px;
}

.premiump #frame_bottom {
background: url(img/premiump_bottom.jpg) bottom no-repeat;
padding: 0px 10px 10px 20px;
}

.premiump .item dt {
background: url(img/premiump_tit_bg.gif) repeat-y;
}


.imageSet {
text-align: center;
}

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