@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  リセット及びbody初期設定 サイト全体共通css (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
/**/
html {
overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}

caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend {
display: none;
}
h1, h2, h3, h4, h5,h6, p, ul, ol, li, dl, dt, dd, form {
font-size: 100%;
font-weight: normal;
line-height:1;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
}

img {
	vertical-align: bottom;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*--- default */


body {
color: #666;
font-size: 76%;
/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

* html body {/* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



a{ color:#1b7cbc;text-decoration:underline }
a:hover { color:#89c5ec;text-decoration:none}



/************************************************** clearfix */

.clearfix:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }


/*----------------------------------------------------------------------------------
		 								container 
------------------------------------------------------------------------------------*/
div#wrapper {
	padding: 24px 0 0;
	width: 1000px;
	margin: 0 auto;
}

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

div#wrapper div#header {
	width: 986px;
	padding: 0 10px 0 4px;
	margin-bottom: 10px;
}

div#header:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#header { display: inline-block; }
div#header { display: block; }

div#header h1 {
	float: left;
	width: 200px;
	padding: 10px 0 0 0;
}

div#header div#header_right {
	float: right;
	width: 600px;
}

div#header div#header_right p.tel {
	text-align: right;
	margin-bottom: 10px;
}


div#header div#header_right ul {
	text-align: right;
}

div#header div#header_right ul li {
	display: inline;
	margin-left: 15px;
}

/*----------------------------------------------------------------------------------
		 								navi 
------------------------------------------------------------------------------------*/

div#wrapper ul#navi {
	clear: both;
	width: 1000px;
	margin: 0 auto 10px;
}


ul#navi:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

ul#navi { display: inline-block; }
ul#navi { display: block; }

ul#navi li {
	float: left;
}


/*----------------------------------------------------------------------------------
		 								path （パンクズ）
------------------------------------------------------------------------------------*/
ul#path {
	clear: both;
	margin: 0 auto 5px;
	padding: 0 0 8px 1px;
	width: 975px;
}

ul#path li {
	display: inline;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
	line-height: 1.4;
	background: url(/images/common/bg_path.gif) 0 0.1em no-repeat;
}

ul#path li.home {
	padding:0;
	margin: 0;
	background:none;
}

/*----------------------------------------------------------------------------------
		 								container
------------------------------------------------------------------------------------*/
div#wrapper div#container {
	background: url(/images/common/bg_containar.gif) 724px 0 repeat-y;
	width: 975px;
	margin: 0 auto;
}

div#wrapper div#container_top {
	background: url(/images/common/bg_container_top.gif) 724px 0  no-repeat;
}

div#wrapper div#container_bottom {
	background: url(/images/common/bg_container_bottom.gif) 724px bottom no-repeat;
	padding-bottom: 40px;
}

div#wrapper div#container_bottom:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#wrapper div#container_bottom { display: inline-block; }
div#wrapper div#container_bottom { display: block; }




/*----------------------------------------------------------------------------------
		 								contents
------------------------------------------------------------------------------------*/
div#container #contents {
	width: 710px;	
	float: left;
}


/*----------------------------------------------------------------------------------
		 								sidebar
------------------------------------------------------------------------------------*/
div#container #sidebar {
	width: 226px;
	float: right;
	padding-right: 2px;
}

div#sidebar p.contact {
	margin-bottom: 10px;
}

/* 検索ボックス */
div#sidebar div#search {
	background: url(/images/common/bg_search.gif) 0 0 no-repeat;
	padding: 8px 0 0 10px;
	height: 66px;
	overflow:hidden;
	margin-bottom: 20px;
}

div#search p {
	margin-bottom: 10px;
}

div#search input.text_input {
	width: 145px;
	margin-right: 2px;
}

div#search input {
	vertical-align: middle;
}


div#sidebar h4 {
	margin: 0;
}

/* 商品情報一覧のBOX */
div#sidebar div#accordion_box {
	background: url(/images/common/bg_box_sidebar.gif) 0 bottom no-repeat;
	padding-bottom: 9px;
	margin-bottom: 35px;
}

div#accordion_box ul.accordion {
	border: 1px solid #ccc;
	background: #f9fbfd;
	padding: 0 2px 15px;
}

div#accordion_box ul.accordion li.accPart {
	border-bottom: 1px dotted #ccc;
	padding: 0 10px 12px;
	margin: 12px 0 0 0;
	line-height: 1.5;
}

div#accordion_box ul.accordion li.accPart span,
div#accordion_box ul.accordion li.no_acc a {
	cursor:pointer;
	background: url(/images/common/bg_icon1.gif) 0 0.3em no-repeat;
	padding-left: 15px;
	display: block;
	color: #1F85AC;
}



div#accordion_box ul.accordion li.active span {
	background: url(/images/common/bg_icon1_current.gif) 0 0.3em no-repeat;
}

div#accordion_box ul.accordion ul.accContent {
	padding-left: 15px;
	/*display: none;*/
}

div#accordion_box ul.accordion ul.accContent li {
	line-height: 1.5;
	margin-top: 3px;
}

div#accordion_box ul.accordion ul.accContent li a {
	color:#1F1E72;
}

div#accordion_box ul.accordion ul.accContent li a:hover {
	color:#7777b4;
}

/* 新着セミナー */
div#sidebar dl#seminar_box {
	padding: 0 3px;
	margin-bottom: 35px;
}

div#sidebar dl#seminar_box dt {
	margin-top: 10px;
	color:#1F1E72;
	line-height: 1.5;
	padding: 0 1px;
}

div#sidebar dl#seminar_box dd {
	padding:0 1px 10px;
	line-height: 1.5;
	border-bottom: 1px dotted #ccc;
}

/* メンテナンスフォルダ用バナー */
div#sidebar ul#maintenance_bnr {
	margin: -10px 0 35px;
}

div#sidebar ul#maintenance_bnr li {
	margin-top: 10px;
}

/* サイドバーキャンペーンバナー（TOPページのみ使用） */
div#sidebar ul.campaign_bnr {
	margin: 0;
}

div#sidebar ul.campaign_bnr li {
	text-align: center;
	margin: 10px 0 0;
}


/* サイドバー下部バナーリスト */
div#sidebar ul.bnr_list li {
	text-align: center;
	margin: 20px 0 0;
}

div#sidebar ul.bnr_list li p {
	margin: 5px 0  0;
	line-height: 1.5;
	font-size: 83%;
}

div#sidebar ul.bnr_list li p.bottom {
	text-align: left;
	padding: 5px 22px 0;
}




/*----------------------------------------------------------------------------------
		 								footer 
------------------------------------------------------------------------------------*/
div#footer {
	clear: both;
	background: url(/images/common/bg_footer.gif) 0 0 repeat-x;
	min-height: 196px;
	padding: 10px 20px 0;
}

* html div#footer {
	height: 196px;
}

div#footer:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#footer { display: inline-block; }
div#footer { display: block; }

div#footer div#fotter_left {
	float: left;
	width: 600px;
}

div#footer div#fotter_left ul {
	margin: 10px 0 0 0;
}

div#footer div#fotter_left ul li {
	display: inline;
	padding: 0 7px 0 0;
	margin: 0 7px 0 0;
	line-height: 1.3;
	border-right: 1px solid #fff;
	font-size: 83%;
	
}

div#footer div#fotter_left ul li.last {
	border: none;
	margin: 0;
	padding: 0;
}


div#footer a {
	color: #fff;
}

div#footer a:hover {

}

div#footer address {
	width: 350px;
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
	color: #fff;

}