@charset "utf-8";

* {
	margin: 0;
	outline: 0 none;
	padding: 0;
}
body {
	font-family:メイリオ,Arial,Verdana,"MS Pゴシック",Helvetica,sans-serif,"ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
}

body div#test {	
	margin: 0 auto;
}

table {
	margin: 0 auto;
}


#base {
	width: 1000px; 
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}


/*
災害時掲示font
------------------------------------------*/
.disaster {
	font-size: 13px;
	padding: 9px 14px; 
	margin: 0 10px 10px 0;
	color: #3d3d3d;
	border:solid 3px #c03737;
}
.disaster_title {
	font-size: 15px;
	font-weight: bold;
}
.disaster p {
	margin: 0; 
	padding: 0;
}
p.ss { /*スペース用クラス*/
	margin-bottom: 12px;
  }

/*
サービス代行店募集font
-------------------------------------------*/
.daiko p {
	font-size: 14px;
	line-height: 230%;
}
.daiko .daiko_1 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.daiko .daiko_2 {
	font-weight: bold;
}

.daiko .daiko_3 {
	font-weight: bold;
	padding-top: 20px;
}
.daiko .daiko_4 {
	padding-bottom: 15px;
}
.daiko .daiko_5 {
	padding-top: 20px;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 1px;
}
/*
ヘッダー
-------------------------------------------*/

#header {
	margin: 0 auto; 	
width: 990px; }
#title {
	font-size: 12px;
	height: 85px;
	margin-top: 7px;
	margin-left: 0px;
	text-align: left;
	
}
h1 {
	margin-top: 5px;
}

/*
リンク画像マウスオーバー透過
-------------------------------------------*/
img { border-style:none; }

a img { border-style:none; }

a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
  }
input[type="image"]:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
  }

/*
文字のリンク関係
-------------------------------------------*/
a {
	color: #64a7dc;
}

/*
リストのマークを消す
-------------------------------------------*/
li {
	margin-left: 0px;
	list-style-type: none;
}
/*
グローバルメニュー
-------------------------------------------*/
#globalnavi {
	font-size:14px;
	margin: 5px 0;
	width: 990px;
	/*background: url("/user_data/packages/default/img/button/navi_100.jpg");*/
	/*margin-left: -500%;*/
	/*margin-right: -500%;*/
	/*padding-left: 500%;*/
	/*padding-right: 500%;*/
	float:left;
}
  
#globalnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
  
#globalnavi li {
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
}

#globalnavi a {
	text-align: center;
	font-size: 14px;
	display:block;
	padding: 14px 0;
	width: 100%;
	background: url("/user_data/packages/default/img/button/navi_100.jpg") no-repeat 0 50%;
	color:#ffffff;
	text-decoration: none;	
        font-weight: bold;
}
  
#globalnavi a:hover{
	background: url("/user_data/packages/default/img/button/navi_100.jpg") no-repeat -200px 50%;
	color: #ffffff;
  }

#globalnavi ul li+ li {
	border-left: 1px solid rgb(69, 116, 160); 
}

/*
サブタイトル
-------------------------------------------------------------------*/

/*--IE6--*/
* html .right {
	float:right;
	padding: 5px;
	margin-right: 22px;
}


.right a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;
}

/*
ログインボックス（ログイン時）
-------------------------------------------*/
#login_box {
	height: 140px;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	margin-bottom: 10px;
	padding: 0px;
}

#login_box p {
	margin-left: 12px;
	margin-top: 7px;
        
}
#login_box p.nav_small {
	font-size: 12px;
}

/*
ログインボックス（未ログイン時）
-------------------------------------------*/
#login_box02 {
	height: 220px;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	/*margin:0px 15px 5px 7px;*/
	padding: 0px;
	margin-bottom: 10px;
}

#login_box02 p.nav_small {
	font-size: 12px;
}

#login_box02 p {
	margin-left: 16px;
	margin-top: 4px;
	display: inline-block;
}
p#login_new_member {
	margin-top: 6px;
}

p.login_icon input{
	padding: 10px 0 0 0;
}
/*
警告文（未ログイン時）
-------------------------------------------*/
#keikoku {
	width: 707px;
	background-color: #c60019;
	color:#ffffff;
	padding: 3px;
	margin-bottom: 10px;
}

/*
カートボックス
-------------------------------------------*/
#cart_box {
	height: 125px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

#cart_box p {
	margin-left: 18px;
	margin-top: 7px;
}

/*
カタログボックス
-------------------------------------------*/
#category_box {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

#category_box p {
	margin-left: 18px;
	margin-top: 7px;
}

/*
ボタン　コンテンツ側メニュー
-------------------------------------------*/
#btn {
	width: 715px;
	margin-bottom: 5px;
}

#btn li {
	float: left;
	margin-top: 20px;
	margin-left: 40px;
}
#btn p {
	font-size: 13px;
	margin-left: 50px;
}
.btn_p_red {
	color:red;
}
/*
サイド
-------------------------------------------*/
#side_nave {
	width: 255px;
	font-size: 12px;
}
#side_nave a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#img_bnr a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";

}
.block_outer .side_bloc_title {
	height: 18px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #5e8ece;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 3px;
	padding: 6px 0 0 8px;
}
.block_body {
	font-size: 13px;
}
#side_nave .side_bloc_title {
	height: 18px;
	border-top: 1px solid #999;	
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color:#191970!important;
	color:#ffffff;
	font-size: 14px;
	letter-spacing: 3px;
	padding: 6px 0 0 8px;
}

#side_nave ul {
	list-style: none;
	/*background:#f1f1f1;*/
	width: 255px;
	height: 445px;
}

#side_nave li {
	position: relative; 
	top: 5px; 
	text-decoration: none;
	margin-left: 7px;
	margin-bottom: 2px;
	line-height: 15px;
}

#side_nave li a {
	text-decoration: none;
}

#img_bnr {
	margin-bottom: 0px;
}

/*
side_nave_menu
----------------------------------------------------*/
#side_nave_menu {
	font-size: 14px;
}
#side_nave_menu ul {
	list-style: none;
	border-top: 1px solid #999999;
	margin-bottom: 10px;
}

#side_nave_menu li {
	height:25px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 5px;
	padding-top: 5px;
}
.img_bnr a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.img_bnr {
	margin: 5px;
	padding-left: 10px;
}
#side_nave_menu li a {
	height: 28px;
	color:#000000;
	text-decoration: none;
}
#side_nave_menu img {
	vertical-align:-6px;
}

#side_nave_menu li a:hover {
	background-color: #e9f3f8;
	left: 1px;
	position: relative;
}

#side_nave_menu .side_bloc_title {
	height: 18px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color:#191970!important;
	color:#ffffff;
	letter-spacing: 3px;
	padding: 6px 0 0 8px;
}

.a_icon {
	background-image: url(icon.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 20px;
	padding-top: 3px;
	padding-left: 15px;
	margin-left: 7px;
}

/*
コンテンツ
-------------------------------------------*/
#contents {
	width: 715px; 
	float: right;
	margin-left: 16px;
	margin-bottom: 10px;
}

.img_title {
	margin-top: 10px;
	margin-bottom: 5px;
}

#box {
	width: 953px;
}

#text {
	margin-bottom: 5px;
}

.main-contents {
	margin-top: 10px;
}

.main-contents img {
	margin-top: 10px;
}

#box01 {
	margin-left: 500px;
	margin-top: 10px;
	text-align: right;
}

/*
お知らせ
-------------------------------------------*/
.newsbox {
	/*background: #016db6;*/
	padding: 5px;
	overflow: hidden;
	height:10px;
	padding-left: 40px;
	margin: 0 0 5px 0;
}

.newsbox h1 {
	float: left;
	color: #ffffff;
}
#news_box {
	font-size: 14px;
        color:#000;
	background: #f6f9fb;
	width: 690px;
	border-top: 1px solid #eee;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;

	max-height: 275px;

	
	height:275px;
	overflow: auto;
	/*overflow-y: hidden;*/
}

::-webkit-scrollbar{ /*スクロールバー変更*/
	width: 10px;
	}
	::-webkit-scrollbar-track{
	background: #f6f9fb;
	border-left: solid 1px #ececec;
	}
	::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px #ccc;
	}

/*
メイン部コンテンツメニュー
--------------------------------------------------------------------*/
#news_area a:hover img { /*コンテンツ部アイコン*/
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#news_area a img {
	padding-left:15px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:11px;
}
.news_area_contents p {
	font-size:14px;
}

/*画像と文書を並べて表示*/
.inner {     
	float: left;
}
.inner p {
	float: right;
}
.news_area_contents .contents_title {
	font-weight: bold;
	color#5e8ece;
	font-size:19px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.contents_red {
	color:red;
}
.contactmap_area {
	text-align:center;
	letter-spacing:3px;
}
.contactmap_area p {
	text-align:left;
	margin-top:5px;
	margin-left:7px;
}
.map_area {
	margin: 20px auto;  
	padding: 14px;
	width: 90%; 
	color: #464646;
	background-color: #eaf0f3;
	border-radius: 8px;
}
.map_area img {
	vertical-align:-2px;
	margin-right: 5px;
}
.bold {
	font-weight: bold;
}
.tel p {
	margin-left:10px;
}
.tel_small {
	font-size:85%;
}
img.vertical {
	vertical-align: -3px;
}

/*
代理店様用コンテンツ上部ニュース
-------------------------------------------------------------------*/
.news_area_table {
	font-size: 12px;
	border-collapse: collapse;
	width: 515px;
}
.news_area_table tr, .news_area_table td {
  border: solid 1px black;
  padding: 0 0 0 4px;
}
/*
アフターサービスアイコン横並び・文字
-------------------------------------------------------------------*/
.a_ribiyo {
	display:inline-block;
}
.a_dental {
	display: inline;
}
.afterservise_area {
	font-size:13px;
	line-height:55px;
}
/*
フッタメニュー
-------------------------------------------------------------------*/
.footer_left {
	padding: 6px;
	text-align: center;
	letter-spacing: 0.2px;
	font-size: 11px;
	float: left;
}
.footer_left a {
	color:rgb(255, 255, 255);
}
.footer_left a:before {
	content: url('/user_data/packages/default/img/button/8arrow_fff.png');
}
.footer_right {
	text-align: center;
	font-size: 12px;
	background-color:#191970;
	height: 18px;
	padding: 6px;
}
#footer_copyright {
	color: #FFFFFF;
	height: 18px;
	padding-top: 6px;
	padding-right: 5px;
	text-align: center;
	width: 1000px;
	float: left;
}

/*通常ボタン*/
.btn-normal,
a.btn-normal:link,
a.btn-normal:visited {
	margin-right: 5px;
	padding: 2px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background-image: url('/user_data/packages/default/img_button/white-grad.png');
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #eee;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;

    /* CSS3 radius */
    border-radius: 5px;
    /* Safari, Chrome radius */
    -webkit-box-sizing: content-box;
    -webkit-border-radius: 5px;
    /* Firefox radius */
    -moz-border-radius: 5px;
    /* Safari, Chrome radius */
    -webkit-box-sizing: content-box;
    -webkit-border-radius: 5px;
    /* Firefox radius */
    -moz-border-radius: 5px;
}
a.btn-normal:hover {
	border: solid 1px #d5d7df;
	color: #6d728b;
}

a.btn-normal:active {
	background-image: url('/user_data/packages/default/img/button/white-grad-active.png');
}

/*
スマホ対応用
-------------------------------------------------------------------*/

@media screen and (max-width:480px) {
img {
border: 0;
}