@charset "shift_jis";

/*
 Share Style [
----------------------------------------------------------- */
* {
margin: 0px;
padding: 0px;
color: #464646; 
font-style: normal;
font-weight: normal;
text-decoration: none;
}

body {
background: #FFFFFF;
/*font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
font-family: "ＭＳ Ｐゴシック",Verdana,Arial, Osaka,"ヒラギノ角ゴ Pro W3", sans-serif;
text-align:center;
font-size: 12px;
}

/*Firefoxでセンターがずれないようにするため*/
html {overflow-y:scroll;}

h1,h2,h3 {
	font-size:12px;
	font-weight:normal;
	margin: 0;
}

Ul {
	list-style-type: none;
	padding: 0px
}

p,li,dt,dd {
	line-height:150%;
	font-size:12px;
	list-style-type:none;
}

li{
	list-style-type:none;
}

img {
	border:0;
	vertical-align: bottom;
}

address{
	font-size:12px;
	text-align:right;
}

.left{ float:left;}

.right{	float:right;}

.clear { clear:both;}


.margin_bottom   { margin:0 0 20px 0;}
.margin_bottom5  { margin:0 0 5px 0;}
.margin_bottom10 { margin:0 0 10px 0;}
.margin_bottom15 { margin:0 0 15px 0;}
.margin_bottom20 { margin:0 0 20px 0;}
.margin_bottom30 { margin:0 0 30px 0;}

.padding_left10  { padding:0 0 0 10px;}
.padding_left15  { padding:0 0 0 15px;}
.padding_left30  { padding:0 0 0 30px;}
.padding_right   { padding:0 10px 0 0;}

#lowContents .navi .pr05{
padding:0px 5px 0px 0px;
}

.bold{ font-weight:bold;}

.font14 { font-size:14px;}
.font10 { font-size:10px;}


.pointStyle01{
background:url(../../common/img/point.gif) no-repeat left;
padding:0 5px 0 7px;
font-size:10px;
}

.titleGreen{
border-left:#9cbc01 solid 5px;
padding:0 0 0 10px;
font-weight:bold;
line-height:12px;
}

.pagetop{
text-align:right;
margin:35px 0 35px 0;
}



/*
　Color [　個別に色を指定する場合
----------------------------------------------------------- */
.gray {color:#767676;}
.beige {color:#eeebe1;}

/*
 Link Color [　サイトのデフォルトリンクカラー
----------------------------------------------------------- */
a {
	text-decoration:underline;
    color: #464646; 
}

a:link {
    color: #464646; 
}

a:visited {
    color: #464646; 
}

a:hover {
	text-decoration:none;
    color: #464646; 
}

a:active {
    color: #464646; 
}

/*
 clearfix [
----------------------------------------------------------- */
.clearfix:after { 
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
 wrapper [
----------------------------------------------------------- */
#wrapper{
margin:0 auto;
width:998px;
text-align:left;
overflow:hidden;
clear:both;
}

/*
 header [
----------------------------------------------------------- */
#header{
}

#header h1{
font-size:10px;
text-align:right;
padding:3px 10px 0 0;
overflow:hidden;
}

/*
 contents [
----------------------------------------------------------- */
#topContents{
background:#FFFFFF;
margin:30px 0 56px 0;
overflow:hidden;
}

.navi li{
	float:left;
	overflow:hidden;
}

.linkbold a{
	font-weight:bold;
	text-decoration:none;
}

.linkbold a:link {
    color: #464646; 
}

.linkbold a:visited {
    color: #464646; 
}

.linkbold a:hover {
	text-decoration:underline;
    color: #464646; 
}

.linkbold a:active {
    color: #464646; 
}

/*
 navi [
----------------------------------------------------------- */
#navi{
float:right;
background:#FFFFFF;
width:219px;
overflow:hidden;
}

#navi div.contact{
border:#8a8d89 solid 1px;
margin-bottom:15px;
overflow:hidden;
}

#navi div.support,
#navi div.customer,
#navi div.seminar,
#navi div.mail,
#navi div.contentNavi {
border:#e6e4db solid 1px;
margin-bottom:15px;
}

#navi .contact dt,
#navi .support dt,
#navi .customer dt,
#navi .seminar dt,
#navi .contentNavi dt {
padding-bottom:15px;
}

#navi .contact dt.toiawase{
padding:0px 0px 5px 0px;
}

#navi .contact dd,
#navi .support dd,
#navi .customer dd,
#navi .seminar dd{
margin-left:15px;
}

#navi .contact dd.toiawasedd{
margin:0px 0px 0px 3px;
}


#navi .contentNavi dd{
/*padding:10px 0 10px 15px;
*/}

#navi .contentNavi dd.line{
border-bottom:#dfded5 solid 1px;
/*padding:10px 0 10px 15px;
*/}

#navi .contentNavi dd.beige{
background-color:#eeebe1;
}

#navi .contentNavi dt{
background:#000000;
font-weight:bold;
padding:10px 15px;
color:#FFFFFF;
}

#navi .bannerArea {
background:#ebebeb;
padding:18px 0 11px 18px;
}

#navi .bannerArea li{
padding-bottom:7px;
}

/*
 Link Color [　リンクカラー
----------------------------------------------------------- */
#navi .contact .pointStyle a,
#navi .support .pointStyle a,
#navi .customer .pointStyle a,
#navi .seminar .pointStyle a{
/*width:120px;*/
overflow:hidden;
font-weight:bold;
font-size:12px;
background:url(../../common/img/point.gif) no-repeat left 5px;
padding:0 5px 0 7px;
margin:0px 0px 0px -7px;
display:block;
}

#navi .contentNavi .pointStyle a{
display:block;
width:192px;
height:20px;
font-weight:bold;
font-size:12px;
background:url(../../common/img/point.gif) no-repeat 10px 50%;
padding:10px 5px 10px 20px;
}

#navi .contentNavi .pointStyle a:link {
    color: #767676; 
}

#navi .contentNavi .pointStyle a:visited {
    color: #767676; 
}

#navi .contentNavi .pointStyle a:hover {
	text-decoration:none;
    color: #767676; 
background-color:#eeebe1;
}

#navi .contentNavi .pointStyle a:active {
    color: #767676; 
}

#navi .contentNavi .pointStyle02 a{
display:block;
width:182px;
font-weight:bold;
background:url(../../common/img/point.gif) no-repeat 20px 50%;
padding:5px 5px 5px 30px;
font-size:10px;
}

#navi .contentNavi .pointStyle02 a:link {
    color: #767676; 
}

#navi .contentNavi .pointStyle02 a:visited {
    color: #767676; 
}

#navi .contentNavi .pointStyle02 a:hover {
	text-decoration:none;
    color: #767676; 
background-color:#eeebe1;
}

#navi .contentNavi .pointStyle02 a:active {
    color: #767676; 
}



/*
 main [
----------------------------------------------------------- */
#main{
float:left;
background:#FFFFFF;
width:757px;

}

/* パンくずリスト -------------------------*/
#main ol.topicPath{
margin:5px 0 10px 10px;
}

#main ol.topicPath li{
display:inline;
line-height:110%;
list-style-type:none;
}

#main ol.topicPath li a{
padding-right:10px;
}

.border02{
	border:1px solid #D7D7D7;
}

/*　------------------------end　*/


#infoBanner{
border:#dfded5 solid 9px;
padding:15px;
overflow:hidden;
}

#infoBanner p,
#infoBanner li{
font-size:10px;
}

#infoBanner .photo{
padding:0 25px 10px 0;
}

#infoBanner div.textArea{
float:left;
}

#infoBanner div.textArea .bannerBox{
margin-bottom:10px;
}

.box{
	padding:0px 21px 0px 21px;
	/*overflow:hidden;*/
}

.right_width{
	width:459px;
}


/*
 footer [
----------------------------------------------------------- */
#footer{
clear:both;
background:#FFFFFF;
border-top:#d8d8d8 solid 1px;
overflow:hidden;
clear:both;
width:100%;
height:40px;
}

#footer .copy {
padding:10px 0 0 0;
overflow:hidden;
}

#footer ol.navi{
padding:10px 0;
text-align:left;
}

#footer ol.navi li{
display:inline;
line-height:110%;
list-style-type:none;
font-size:10px;
}

#footer ol.navi li a{
padding-right:5px;
}




/*
 Link Color [　フッターリンクカラー
----------------------------------------------------------- */
#footer a {
	text-decoration:underline;
    color: #767676; 
}

#footer a:link {
    color: #767676; 
}

#footer a:visited {
    color: #767676; 
}

#footer a:hover {
	text-decoration:none;
    color: #767676; 
}

#footer a:active {
    color: #767676; 
}