/* CSS Document */
/*-------------------共通*/
html,body{
  margin:0;
  padding:0;
  background:#FFF;
}


h1,h2,h3,h4,h5,h6,p{
margin:0;
padding:0;
}

a , img{
margin:0;
padding:0;
border:none;
}

a{
color:#000000;
}

a :hover{
color:#CCCCCC;
}


span.span1{
display:none;
}

hr{
display:none;
}/**/

address{
font-style:normal;
}

ul,li{
margin:0;
padding:0;
list-style-type:none;
}

form{
margin:0;
padding:0;
}

div{
margin:0;
padding:0;
}


/*=========================================================2008_10_6追加分css*/
select{
padding:0;
}
/*=========================================================*/





/*-------------------*/
#header{
width:998px;
height:62px;
background-image:url(/logo/pc/common/header.gif);
}

#wrap{
width:970px;
height:100%;
clear:both;
margin:12px 14px 0 15px;
position:relative;
}

#footer{
width:966px;
clear:both;
padding-top:26px;
}

#line{
background-image:url(/logo/pc/common/footer_bar.gif);
background-repeat:no-repeat;
width:995px;
height:5px;
}

#copyright{
font-size:10px;
text-decoration:none;
}

#menu{
width:258px;
height:100%;
margin:0 8px 0 0;
display:block;
clear:both;
float:left;
}

#user_menu{
width:258px;
/*height:567px;*/
border:#FF9175 solid 1px;
margin-bottom:4px;
}

#tit_menu{
width:258px;
height:21px;
background-image:url(/logo/pc/top_2/tit_usermenu.jpg);
}


#login{
width:258px;
margin-bottom:4px;
border:#BF2034 solid 1px;
}

#login_menu{
width:258px;
height:220px;
border:#FF9175 solid 1px;
margin-bottom:4px;
}

#kuseki{
width:258px;
height:100px;
border:#FF9175 solid 1px;
margin-bottom:4px;
}

#toiawase{
width:258px;
height:100px;
border:#C4C6C9 solid 1px;
margin-bottom:4px;
}

#toiawase_w{
width:258px;
height:21px;
background-image:url(/logo/pc/top/tit_address.jpg);
}

#toiawase_img{
width:238px;
height:47px;
padding:7px 10px 5px 10px;
}

#toiawase_img p{
font-size:13px;
line-height:120%;
}

#content{
width:700px;
float:right;
/*IE6*/
_clear:both;
_margin-right:0;
}


/*=============================================== 変更部分*/
#odakyu{
text-align:right;
}
#odakyu img {
	vertical-align: middle;
}
/*===============================================*/



#pan{
margin:6px auto 8px 19px;
}

/**/

#btn_returngo{
margin:30px 7px 15px 581px;
height:20px;
width:110px;
}
/*margin==============*/


div.m4{
margin:4px;
}

div.ml11{
margin-left:11px;
}

div.ml3{
margin-left:3px;
}

div.ml6{
margin-left:6px;
}


div.mtl5{
margin-top:5px;
margin-left:5px;
}

div.mt2{
margin-top:2px;
}

div.mt5{
margin-top:5px;
}

div.mt6{
margin-top:6px;
}

div.mt7{
margin-top:7px;
}


div.mt9{
margin-top:9px;
}


div.mt12{
padding-top:12px;
}

div.mt23{
margin-top:23px;
}

div.m2{
margin:2px;
}

/*==============*/

/*input==============*/


#number{
width:123px;
height:17px;
border:#65709A solid 1px;
}

#pass{
width:123px;
height:17px;
border:#65709A solid 1px;
}


#pass_2{
width:123px;
height:17px;
border:#65709A solid 1px;
}
/*==============*/

/*================span*/
span.gray{
color:#666666;
}

span.gray2{
color:#333333;
}

span.red{
color:#821E2B;
}

span.red2{
color:#C32F41;
}

span.red3{
color:#CD2525;
}

span.red4{
color:#FF0000;
}

span.red5{
color:#990000;
font-weight:bold;
}

span.red6{
color:#C00;
}

span.blue{
color:#0033ff;
font-weight:bold;
}

span.red4_b{
color:#FF0000;
font-weight:bold;
font-size:14px;
}

span.bold{
font-weight:bold;
}

span.f18{
font-size:18px;
}
/*=================*/
div.text2{
margin:18px auto 0 20px;
width:600px;
position:relative;
}

div.text2 p{
line-height:120%;
}

/*================p*/
p.f18{
font-size:18px;
}

p.b16{
font-weight:bold;
font-size:16px;
}

p.b18{
font-size:18px;
font-weight:bold;
}

p.f13{
font-size:13px;
font-weight:bold;
margin-left:84px;
}

p.f12{
font-size:12px;
}

p.b14{
font-size:14px;
font-weight:bold;
}

p.b12{
font-size:12px;
font-weight:bold;
}

p.b15{
font-weight:bold;
font-size:15px;
}

/* 購入期限用 */
p.b14_limit{
font-size:14px;
font-weight:bold;
margin-left:84px;
}

/*================*/

/**/
div.log_tit{
width:258px;
margin:0;
}

div.pass_erea{
width:254px;
height:74px;
margin:2px;
_margin:-2px 2px 2px 2px;
background-color:#EDEDED;
}

div.logbtn{
width:173px;
height:46px;
margin:5px auto 5px 45px;
}

div.logbtn2{
width:216px;
height:13px;
margin:0 auto 5px 21px;
}

div.logbtn3{
width:216px;
height:20px;
margin:0 auto 5px 21px;
}

/*-----------------menu_btn*/
#top_btn{
width:216px;
height:180px;
margin:13px 5px 4px 7px;
}

#logmenu_btn{
width:216px;
/*height:391px;*/
margin:13px 5px 4px 7px;
}


div.menu_btn{
width:246px;
height:38px;
margin-bottom:7px;
}

/*------------------------*/

/*===================*/

div.syousai{
width:124px;
height:14px;
margin-left:auto;
}

#keyimg{
width:698px;
height:174px;
/* border:#FF9175 solid 1px;*/
margin-bottom:4px;
}

#oshirase{
width:696px;
_height:160px;
border:#FF9175 solid 1px;
margin-bottom:4px;
font-size:14px;
}

#oshirase p{
margin-bottom:10px;
}

#naiyou{
margin:20px 0 20px 20px;
}

div.joho1{
width:344px;
height:230px;
border:#FF9175 solid 1px;
margin:0 0 4px 6px;
font-size:14px;
}

div.joho2{
width:344px;
height:277px;
border:#FF9175 solid 1px;
margin:0 0 4px 0;
font-size:14px;
}

div.joho3{
width:344px;
height:40px;
border:#FF9175 solid 1px;
margin:0 0 4px 6px;
font-size:14px;
}

/*- IME-MODE -----------------------*/
.auto,     .ime-auto     { IME-MODE: auto;     }
.active,   .ime-active   { IME-MODE: active;   }
.inactive, .ime-inactive { IME-MODE: inactive; }
.disabled, .ime-disabled { IME-MODE: disabled; }
/*----------------------------------*/

/* 2015 replace */
#pan .nav {
	font-family: Osaka,'メイリオ',meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	color:#666666;
	background-color:#eeeeee;
	border: 2px solid #cccccc;
	border-radius:4px;
	padding: 0px 20px;
}

#pan .current {
	color:#ee3311;
	background-color:#ffddd0;
	border-color: #ee3311;
}

#pan .arrow {
	width: 27px;
	height: 24px;
	vertical-align: bottom;
}

.page-title {
	background: #fbe4d2;
	color: #df560d;
	font-size: 15px;
	font-weight: bold;
	height: 21px;
	padding-left: 13px;
}

.page-title::before {
	border: 6px solid transparent;
	border-left: 11px solid #df560d;
	content: " ";
	display: inline-block;
	height: 0;
	width: 0;
}

.button {
	font-family: Osaka,'メイリオ',meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	display: inline-block;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	line-height:100%;
	padding: 3px 1.5em;
	margin:3px;
	min-width: 104px;
	border-radius: 4px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	cursor: pointer;
	/* IE8 */
	*width: 150px;
	*height:28px;
	*display: block;
	*float: left;
	*padding-top: 4px;
}
.submit {
	color:#fff;
	background-color:#ea5517;
	background: linear-gradient(to bottom, #e7a281 0%,#dd7e50 50%,#d76c38 51%,#d5662f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ea844d', endColorstr='#ea5517'); /* IE8 */
	background: -ms-linear-gradient(top,   #e7a281 0%,#dd7e50 50%,#d76c38 51%,#d5662f 100%); /* IE10+ */
	border: 1px solid #ea844d;
}
.submit:hover {
	background: linear-gradient(to bottom, #f78956 0%,#f2571f 50%,#ec4908 51%,#ea530c 100%);
	background: -ms-linear-gradient(top,   #f78956 0%,#f2571f 50%,#ec4908 51%,#ea530c 100%); /* IE10+ */
	border: 1px solid #fb955e;
	text-shadow: 0px 0px 3px #b30;
	box-shadow: none;
}
.reset {
	color:#666;
	background-color:#ccc;
	background: linear-gradient(to bottom, #ddd 0%,#ccc 50%,#bbb 51%,#aaa 100%);
	background: -ms-linear-gradient(top,   #ddd 0%,#ccc 50%,#bbb 51%,#aaa 100%); /* IE10+ */
	border: 1px solid #aaa;
}
.reset:hover {
	color:#aaa;
	background-color:#ccc;
	background: linear-gradient(to bottom, #eee 0%,#ddd 50%,#ccc 51%,#bbb 100%);
	background: -ms-linear-gradient(top,   #eee 0%,#ddd 50%,#ccc 51%,#bbb 100%); /* IE10+ */
	border: 1px solid #bbb;
	text-shadow: 0px 0px 5px #fff;
	box-shadow: none;
}

div.box-orange {
	width: 100%;
	border: 1px solid #FF9175;
	margin-bottom: 4px;
	padding: 0;
}
div.box-orange > .box-title {
	font-family: Osaka,'メイリオ',meiryo;
	display: block;
	height: 21px;
	line-height: 21px;
	padding-left: 14px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	background-color: #EC7D61; /* IE8 */
	background: linear-gradient(to bottom, #EC7D61 0%, #E44C25 100%);
	background: -ms-linear-gradient(top,   #EC7D61 0%, #E44C25 100%); /* IE10+ */
}
div.box-orange > .box-contents {
	padding-top: 7px;
	padding-bottom: 7px;
}

.date-holiday .ui-state-default { background-image:none !important; background-color:#FF9999 !important; }
.date-saturday .ui-state-default { background-image:none !important; background-color:#66CCFF !important; }
.ui-datepicker-trigger { cursor: pointer; }

.table_item_title {
	background: #E7C8A6;
	box-sizing: border-box;
}

.table_item_body {
	background: #F6E9DC;
	box-sizing: border-box;
	padding: 5px 3px;
}

.notes_text {
	color:#CD2525;
	display: block;
	font-size: 12px;
}

label.error {
	color:#f00;
	display: block;
	font-size: 13px;
}

.disableDoubleSubmit-disabled {
	opacity: .6;
	transition: .2s;
}
