@charset "utf-8";
* {
	font-size: 100%;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-variant: normal;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body{
	background-image:url(../imgs/common/oct.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:100% auto;
	background-color:#FFF;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd, input {
	margin:0;
	padding:0;
}
p{
	line-height:175%;
}

a:link {
	color:#069;
}

a:visited {
	color:#5348B7;
}
li{
	list-style:none;
}
img {
	border:none;
}
p.P_Default{
	font-size:95%;
	margin-top:10px;
}
p.P_Bold{
	font-size:115%;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.small{
	font-size:80%;
}
.blackBase{
	background-color:#000;
	color:#FFF;
	padding:3px;
}
ul.listSquare{
	list-style-position:outside;
	list-style-image:url(../imgs/base/list_square.jpg);
	margin-left:30px;
	margin-top:10px;
	margin-bottom:5px;
}
ul.listSquare li{
	padding-bottom:5px;
}
ul.listCircle{
	list-style-position:outside;
	list-style-image:url(../imgs/base/list_circle.jpg);
	margin-left:30px;
	margin-top:10px;
	margin-bottom:5px;
}
ul.listCircle li{
	padding-bottom:5px;
}

/*----------------------------��ȃp�[�c--------------------------------*/
#warpper{
	width:728px;
	margin-left:auto;
	margin-right:auto;
	border:#999 1px solid;
	background-color:#FFF;
	box-shadow: 0px 0px 5px #888888;
}

h1.Head_Title{
	font-size:12px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#000 1px solid;
}
h2.Head_Image{
	width:728px;
	height:80px;
	background-image:url(../imgs/base/header2016sp.jpg);
	background-repeat:no-repeat;
	text-indent:-30000px;
}

#Base_Footer{
	font-size:85%;
	width:auto;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
	clear:both;
}
#LeftMenu{
	width:190px;
	height:auto;
	float:left;
	padding-left:10px;
	transition: all .3s;
}
#LeftMenu ul{
	list-style:none;
}
#LeftMenu ul.btns li{}
#LeftMenu ul.btns li a{	width:168px;height:auto;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;color:#000;padding-top:10px;	padding-bottom:10px;padding-left:10px;	font-size:12px; display:block; color:#000000;transition: all .3s;}
#LeftMenu ul.btns li a:hover{ padding-left:15px; width:163px;}
#primary{
	width:510px;
	height:auto;
	float:right;
	padding-right:10px;
}
.LM_Unsou a{
	width:180px;
	height:50px;
	background-image:url(../img/hasou_img.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-10000px;
	margin-top:10px;
}
.LM_TelFax{
	width:178px;
	height:auto;
	margin-top:10px;
	border:1px solid #000;
}
.LM_Mail a{
	width:180px;
	height:30px;
	margin-top:10px;
	background-image:url(../img/base/mail.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-10000px;
}
.LM_QR{
	width:111px;
	height:111px;
	background:url(../img/dship-qr.gif);
	background-repeat:inherit;
	text-indent:-10000px;
	margin:auto;
}
.LM_TelFax li {
	text-align:center;
	font-size:14px;
}
.LM_DWE a{
	width:180px;
	height:190px;
	background-image:url(../image/dwebar2.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-10000px;
	margin-top:10px;
}
.LM_Pochitto a{
	width:180px;
	height:109px;
	background-image:url(../image/potittoBar.gif);
	display:block;
	text-indent:-10000px;
	margin-top:10px;
}
.LM_Beginner a{
	width:180px;
	height:57px;
	background-image:url(../img/base/guide-hajime.gif);
	background-repeat:no-repeat;
	text-indent:-1000px;
	display:block;
	margin-top:10px;
}
/*--------------------------------�T�[�r�X��e---------------------------------*/
h3.S-LM_ServiceTitle{
	width:180px;
	height:30px;
	background-image:url(../img/base/service.jpg);
	text-indent:-10000px;
	background-repeat:no-repeat;
	margin-top:10px;
}
h4{ clear:both;}
h4.S-LM_Shuturyoku{
	width:180px;
	height:29px;
	background-image:url(../img/base/syuturyoku2.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
}
.S-LM_ShuturyokuUL li a{background-color:#FFECEC;}
.S-LM_ShuturyokuUL li a:hover{background-color:#FF9799;}
h4.S-LM_Kakou{
	width:180px;
	height:29px;
	background-image:url(../img/base/kakou2.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
}
.S-LM_KakouUL li  a{background-color:#F1FFEC;}
.S-LM_KakouUL li  a:hover{background-color:#B7E390;}
h4.S-LM_Sign{
	width:180px;
	height:29px;
	background-image:url(../img/base/sign2.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
}
.S-LM_SignUL li  a{	background-color:#FFF5DD;}
.S-LM_SignUL li  a:hover{	background-color:#FCC770;}
h4.S-LM_Degital{
	width:180px;
	height:29px;
	background-image:url(../img/base/data2.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
}
.S-LM_DegitalUL li {
	width:158px;
	height:auto;
	background-color:#E1F1FF;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	font-size:12px;
}
.S-LM_DegitalUL a{
	color:#000;
}
.S-LM_TyumonFrom a{
	width:180px;
	height:29px;
	background-image:url(../img/base/order.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
	display:block;
}

/*--------------------------------�j���[�X---------------------------------*/
#news_base{
	width:490px;
	background-image:url(../imgs/index/news_title.gif);
	background-repeat:no-repeat;
	padding-top:35px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:25px;
	margin-bottom:25px;
	clear:both;
	}
.news_base_text{
	height:20px;
	width:488px;
	border-bottom:#999999 1px solid;
	border-bottom-style:dashed;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-size:12px;
	}
.news_left{
	font-size:12px;
	color:#666666;
	padding-right:10px;
	}

/*------------------------New Nav---------------------------*/
#Head_NavWarpper ul li{
	transition: all .5s;
	margin:0px;
	padding-top:10px;
	float:left;
	width:145px;
	height:25px;
	border-right:1px #666 solid;
	color:#FFF;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:90%;
	background-image:url(../imgs/base/grip.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	display:block;
}
#Head_NavWarpper ul li:hover{
	background-color:#15517D;
}
#Head_NavWarpper{
	width:728px;
	height:35px;
	background-color:#09F;
	overflow:hidden;
	border-bottom:7px solid #15517D;
}
#Head_NavWarpper ul {
	width:740px;
	height:35px;
	list-style:none;
}
#Head_NavWarpper a {
	
	width:125px;
	height:35px;
	padding-left:20px;
	display:block;
	color:#FFF;
	float:left;
	background-image:url(../imgs/common/icons.png);
	background-repeat:no-repeat;
}
#Head_NavWarpper li:nth-child(1) a{background-position:30px -3px;}
#Head_NavWarpper li:nth-child(2) a{background-position:10px -28px;}
#Head_NavWarpper li:nth-child(3) a{background-position:10px -102px;}
#Head_NavWarpper li:nth-child(4) a{background-position:10px -77px;}
#Head_NavWarpper li:nth-child(5) a{background-position:10px -51px;}

#Head_NavWarpper a:hover{
	background-position:-100px 0px;
}

.Head_NavBtn_Servis a {
	width:125px;
	height:35px;
	background-image:url(../imgs/base/HeadBtn.jpg);
	background-position:625px 0px;
	display:block;
	text-indent:-30000px;
	float:left;
}
.Head_NavBtn_Servis a:hover {
	background-position:625px 35px;
}
.Head_NavBtn_Shoping a {
	width:125px;
	height:35px;
	background-image:url(../imgs/base/HeadBtn.jpg);
	background-position:500px 0px;
	display:block;
	text-indent:-30000px;
	float:left;
}
.Head_NavBtn_Shoping a:hover {
	background-position:500px 35px;
}
.Head_NavBtn_Houjin a {
	width:125px;
	height:35px;
	background-image:url(../imgs/base/HeadBtn.jpg);
	background-position:375px 0px;
	display:block;
	text-indent:-30000px;
	float:left;
}
.Head_NavBtn_Houjin a:hover {
	background-position:375px 35px;
}
.Head_NavBtn_Guide a {
	width:125px;
	height:35px;
	background-image:url(../imgs/base/HeadBtn.jpg);
	background-position:250px 0px;
	display:block;
	text-indent:-30000px;
	float:left;
}
.Head_NavBtn_Guide a:hover {
	background-position:250px 35px;
}
.Head_NavBtn_Mail a {
	width:125px;
	height:35px;
	background-image:url(../imgs/base/HeadBtn.jpg);
	background-position:125px 0px;
	display:block;
	text-indent:-30000px;
	float:left;
}
.Head_NavBtn_Mail a:hover {
	background-position:125px 35px;
}
/* - - - TextParts - - - */
.TxCentear{
	text-align:center;
}
.TxLeft{
	text-align:left;
}
.TxRight{
	text-align:right;
}
.txtRed {
	color:#C00;
}
/*---------------------*/
span.S_Red{
	font-size:90%;
	font-weight:bold;
	color:#C00;
	line-height:125%;
}

/* - - - - - - - assistance - - - - - - - - */
div#assistance {
	width:100%;
	height:50px;
	background-color:#FFF;
	border-top:3px solid #09F;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:1px;
}
.view {
	display:inline;
}
.none {
	display:none;
	font-size:0px;
	height:0px;
}
div#assistanceWrap {
	width:728px;
	height:50px;
	margin:auto;
}
div#assistanceLeft {
	width:449px;
	height:50px;
	float:left;
	border-right:1px solid #09C;
}
div#assistanceLeft div#puu {
	width:50px;
	height:45px;
	padding-top:5px;
	float:left;
}
div#assistanceLeft div#info {
	width:399px;
	height:37px;
	float:right;
	position:relative;
}
div#assistanceLeft div#info div#tell {
	width:375px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(../imgs/Order/fukidashi.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:10px;
	padding-right:10px;
	line-height:125%;
}
div#assistanceLeft div#info div#now {
	text-align:center;
	font-size:32px;
	color:#06C;
	margin:0px;
	padding:0px;
}
div#assistanceLeft div#metar {
	width:399px;
	height:13px;
	float:right;
}
div#assistanceRight {
	width:278px;
	float:right;
	color:#000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
}
div#assistanceRight span {
	font-size:24px;
	color:#C00;
	font-weight:bold;
	padding-left:15px;
}
/*percent*/
div#percentWrap {
	width:377px;
	height:5px;
	border:1px solid #333;
	margin:auto;
	margin-top:3px;
	margin-left:10px;
}
div#percentMeter {
	width:50%;
	height:5px;
	background-color:#0C0;
}
/*/percent*/
/* - - - - - - - /assistance - - - - - - - - */

/*---          E v e n t              ---*/
#EventImg a {
	width:510px;
	height:137px;
	background-image:url(../imgs/event/2011_04tapestryBar.gif);
	background-repeat:no-repeat;
	text-indent:-10000px;
	margin-top:0px;
	margin-bottom:10px;
	display:block;
}