/* CSS Document */
@charset "utf-8";

/*
サーチキーで検索して場所に飛べます。

=1 ベース管理CSS
=2 ヘッダー管理CSS
=3 グローバルナビ管理CSS
=4 メインコンテンツ管理CSS
=5 フッター管理CSS
=6 クラス管理CSS

*/

/*****************************************************/
/*                                                   */
/*                  =1 ベース管理CSS                 */
/*                                                   */
/*****************************************************/
*{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,a{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	}
	
h1{
	font-size:10px;
	color:#ffffff;
	/*text-shadow:1px 1px 1px #000000;*/
	}
	
h2.deco{ 
	font-size:22px; line-height:1.3em; border-bottom:#a40000 2px solid; margin-bottom:15px; font-weight:bold;
	}

h2.contents_link_title{
	text-align:center; border:#CCC 3px double; padding:5px 0; margin-bottom:15px; font-size:14px;
}
	
h3.info{
	font-weight:bold; color:#CC0000;
	}
h3.info_2{
	font-weight:bold; color:#CC0000; margin-top:10px; border-top:1px #999999 dotted; padding-top:10px;
	}

h3.deco{	
	color:#3399FF; font-weight:bold; margin:10px 0 5px 0;
}

h5.deco{	
	font-size:15px;  line-height:25px; border-left:3px solid #ff8208; padding-left:10px; margin-bottom:15px;
}


	
html{
	height:100%;
	}

body{
	background: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position:center;
	background-position:top;
	margin:0px;
	padding:0px;
	/*background-attachment: fixed;*/
	background-color:#ffffff;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka','ＭＳ Ｐゴシック', sans-serif;
	font-size:14px;
	line-height:1.1em;
	color:#2C2C2C;
	}
	
a{
	color: #3366CC;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	color: #3366CC;
	}

.archive{
	margin-left:15px;
	text-align:left;
	}

#main_box_contents{
	width:100%; 
	margin:0 auto 0 auto;
	text-align:left;
	height:auto;
	}

#main {
	box-sizing: content-box;									/* 2017.9.5 Add Bootstrap対策 */
	padding:15px 15px 0 15px;
	width:1100px;
	background-color:#FFFFFF;
	margin:0px auto 0px auto;
}
	
#left_contents{
	width:220px; float:left;
	}

.left_menu_title{
	padding:8px 10px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-top: 1px #cccccc solid;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	-ms-border-radius:8px 8px 0 0;

	font-size:13px;
	color:#FFFFFF;

background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

}

	
nav.left_menu{
	margin-bottom:20px; padding:0 5px 10px 5px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-ms-border-radius:0 0 8px 8px;

}

ul.left_menu{
	margin-bottom:00px; padding:0 5px 10px 5px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-ms-border-radius:0 0 8px 8px;

}

.left_menu ul li{
	padding:8px; border-bottom:#CCC 1px dotted;
}
.left_menu ul li.coment{
	padding:8px; border-bottom:#CCC 1px dotted;  text-align:center; font-size:11px; width:160px;
}

ul.left_menu li{
	padding:8px; border-bottom:#CCC 1px dotted;
}

.left_banner{
	border-bottom:#CCCCCC 1px dotted; text-align:center; padding-bottom:10px; margin-bottom:12px;
}

#center_contents{
	margin:0 0 0 25px; width:855px; float:left;
}

#read_text_title_bg{
	text-align:center; width:855px; height:40px; background-color:#ebb615; line-height:40px; color:#FFFFFF; font-size:140%; font-weight:bold;
	text-shadow:1px 1px 1px #666666; color:#ffffff;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	-ms-border-radius:8px 8px 0 0;

}

#read_text_bg{
	box-sizing: content-box;									/* 2017.9.5 Add Bootstrap対策 */
	 background-image:url(../images/read_text_bg.jpg); width:833px; height: auto; border:#ebb615 1px solid; padding:10px;
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-ms-border-radius:0 0 8px 8px;
}

#read_text_bg p{
	font-size:110%; line-height:1.6em; margin:12px 15px; /**border-left:#ebb615 solid 7px;**/ padding-left:10px;
}

.read_text_riyu{
	margin:10px 10px 0 0; line-height:1.5em;
}

#main_contents{
	margin:0 0 0 15px; width:750px; float:left;
}

#imp_info_title{
	padding:5px 10px; background-color:#9a2414; color:#ffffff; font-size:15px;
}

#imp_info_box{
	padding:5px 10px; line-height:1.5em; margin-bottom:15px; border-bottom:#9a2414 1px solid; border-left:#9a2414 1px solid; border-right:#9a2414 1px solid; background-color:#f8d9d9;
}
#imp_info_box div.content{
	margin-left:1em; margin-top:5px;
}

#imp_info_box a{
	color: #9a2414;
	text-decoration:none;
	}
	
#imp_info_box a:hover{
	text-decoration:underline;
	color: #9a2414;
	}

#right_contents{
	float:right;
}
	
/*****************************************************/
/*                                                   */
/*                  =2 ヘッダー管理CSS               */
/*                                                   */
/*****************************************************/

header{
width:100%; background-color:#ffffff;

background: #ff9f4b; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9f4b 0%, #fc871e 50%, #eb6c01 52%, #eb6c01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f4b), color-stop(50%,#fc871e), color-stop(52%,#eb6c01), color-stop(100%,#eb6c01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f4b', endColorstr='#eb6c01',GradientType=0 ); /* IE6-9 */

}

#header_area{
	width:1100px; height:80px; margin:-0px auto 0 auto; line-height:80px;
	font-size:150%; padding-left:0px;
	 text-shadow:1px 1px 1px #666666; color:#ffffff;
	 font-weight:bold;


background: #ff9f4b; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9f4b 0%, #fc871e 50%, #eb6c01 52%, #eb6c01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f4b), color-stop(50%,#fc871e), color-stop(52%,#eb6c01), color-stop(100%,#eb6c01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9f4b 0%,#fc871e 50%,#eb6c01 52%,#eb6c01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f4b', endColorstr='#eb6c01',GradientType=0 ); /* IE6-9 */




}

#tab_box{
	width:100%; background-color:#ffffff; text-align:center; margin:13px 0 0 0;
}

#tab_box ul{
	width:1100px; margin:0 auto;
}
	

#title_h1{
	padding:30px 0px 10px 0px; width:1100px; margin:0 15px; color:#a40000; font-size:32px; font-weight:bold;  border-bottom:#a40000 1px dashed;
}

#title_h2{
	padding:10px 15px; font-size:18px; font-weight:bold;
}

#title_bg_kaigyo{
	width:1100px; margin:0 auto; height:100px; background-image:url(../kaigyo/images/main_image.jpg); text-align:left;
}

/*****************************************************/
/*                                                   */
/*           =3 index管理CSS                         */
/*                                                   */
/*****************************************************/



/*****************************************************/
/*                                                   */
/*           =4 メインコンテンツ管理CSS              */
/*                                                   */
/*****************************************************/




/*********パンくずリスト************/

#pankuzu{
	margin:0 0 15px 0; font-size:90%
}

/*****************************************************/
/*                                                   */
/*                =5 フッター管理CSS                 */
/*                                                   */
/*****************************************************/

#banner_box{
	background-color:#fdfcf2; padding:15px 0;
}
#banner_box div{
	margin:0px auto 0 auto; width:960px;
}
#banner_box div ul{
	margin-left:30px;
}
#banner_box div ul li{
	float:left; margin:5px 10px;
}

footer{
	height:100%;
	background-color:#ebb615;
	color:#FFF; text-align:center;  line-height:1.7em;
	}

#footer_box{
	width:1100px; margin:0 auto; background-color:#ebb615;
	padding-top:15px;
	}
	
#footer_link{
	margin-top:10px;
}

#footer_link a{
	color: #ffffff;
	text-decoration:none;
	}
	
#footer_link a:hover{
	text-decoration:underline;
	color: #ffffff;
	}


#copy_right{
	padding-bottom:10px;
}

.text-clm {
	background: #c3c4c5;
	border: 1px solid #636363;
	color: #333333;
	padding: 1px 0 1px 3px;
	width: 110px;
	position: relative;
}

/*****************************************************/
/*                                                   */
/*                 =6 クラス管理CSS                  */
/*                                                   */
/*****************************************************/


.text_b_bule{
	font-weight:bold; color:#0066CC;
	}
	
.text_b_red{
	font-weight:bold; color: #FF0000;
	}

.ERR{
	font-weight:bold; color: #FF0000;
	}

.line_1{
	border-top:#CCC 1px dashed; margin:20px 10px;
	}

.line_2{
	border-top:#fff 1px dashed; margin:20px 10px;
	}

.blank_20px{
	 margin:20px 10px;
	}

.blank_30px{
	 margin:30px 10px;
	}


.small{font-size:90%;
}

.arrow_01{
	padding-left:13px;
	background:url(../images/arrow_01.png); 
	background-repeat:no-repeat; 
	background-position:0 1px;
	margin-bottom:7px;
	}

#page_top{
	width:1100px; margin:0 auto 10px auto; background-color:#FFF;
}

#btnTop { text-align:right; padding:10px 10px 0 0; background-color:#FFF; /*   border-radius: 5px;         width: 7em;     font-size: 85%;     text-align: center;     float: right;     margin-right: 00px; */ } 

#btnTop a {   /*  text-shadow: 1px 1px 0 #ddd;     display: block;     padding: 5px 0;     color: #444444; */    text-decoration: none; } 


.clear{ clear:both;}

.text{
	font-size:14px; line-height:1.5em;
}

.text_big{
	font-size:22px; font-weight:bold; line-height:2em;
}

.text_big2{
	font-size:18px; font-weight:bold; line-height:1.8em;
}

.cleaning_pct{
	float:left; padding-right:15px; width:180px;
}

.cleaning_textbox{
	float:left; width: 660px;
}

.rascal_pct{
	float:left; padding-left:15px; width:180px;
}


/*************プルダウン*****************/

#globalNavi, #globalNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	z-index:10;
}
#globalNavi li	{
	float:left;
	position:relative;
	z-index:10;
}

#globalNavi ul {
	width: 140px;
	position: absolute;
	top: 49px;
	left: 0px;
	display: none;
	z-index:10;
}

#globalNavi ul {
	width: 140px;
	position: absolute;
	top: 49px;
	left: 0px;
	z-index:10;
}

#globalNavi ul li a	{
	width: 170px;
	display: block;
	background: #BFC0C0 url(../images/icon.gif) no-repeat;
	padding: 7px 5px 8px 27px;
	border-bottom: 1px dotted #909090;
	color: #000;
	text-decoration: none;
	z-index:10;
}

#globalNavi ul li a:hover	{
	background: #000 url(../images/icon_on.gif) no-repeat;
	color: #FFF;
	z-index:10;
}
#globalNavi ul li.first a	{
	background: #BFC0C0 url(../images/bg_navi.gif) no-repeat;
	padding: 16px 5px 7px 27px;
	z-index:10;
}
#globalNavi ul li.first a:hover	{
	background: #000 url(../images/bg_navi_on.gif) no-repeat;
	z-index:10;
}

#globalNavi ul li.first a	{
	background: #BFC0C0 url(../images/bg_navi.gif) no-repeat;
	padding: 16px 5px 7px 27px;
	z-index:10;
}
#globalNavi ul li.first a:hover	{
	background: #000 url(../images/bg_navi_on.gif) no-repeat;
	z-index:10;
}


/*************news icon*****************/

.koho{background-image:url(../images/info_icon_koho.jpg); background-position:0 0; background-repeat:no-repeat; padding-left:45px;}

.service{background-image:url(../images/info_icon_service.jpg); background-position:0 0; background-repeat:no-repeat; padding-left:45px;}

.support{background-image:url(../images/info_icon_support.jpg); background-position:0 0; background-repeat:no-repeat; padding-left:45px;}

.other{background-image:url(../images/info_icon_other.jpg); background-position:0 0; background-repeat:no-repeat; padding-left:45px;}

/************list*********************/

ul.mark li{
	 background-image:url(../images/mark.png); background-repeat:no-repeat; padding-left:20px; background-position:0 -4px;
}

/****************text******************/

.text{line-height:1.7em;}

.text p{ margin-bottom:7px;}

.text p.end{ margin-bottom:40px;}

section.text_box{margin:0 10px 40px 10px;}

.text_box_mini{
	margin-bottom:20px; border-bottom:#dddddd 1px dotted; padding-bottom:20px;
}

.image_box_right{
	float:right; padding-left:20px; text-align: center; font-size:80%; font-weight:bold;
}

.prace_box{
	width:200px; margin:15px 0; text-align:center; padding:6px; background-image:url(../images/price_bg.jpg); background-repeat:no-repeat; font-size:110%; color:#ffffff; font-weight:bold;
}

.caution{
	font-size:90%; font-weight:bold;
}

aside {     
background-color: #dddddd;     -webkit-border-radius: 8px;     border-radius: 8px;     padding: 15px; margin:10px 10px 20px 10px; } 

aside p:last-child {     
margin-bottom: 0; } 

aside ul{ list-style: disc; margin-left:2em;}

ul.disc{ list-style: disc; margin-left:2em;}

.rental_btn_box{
	margin:20px 0 20px 0; border-bottom:#dddddd 1px dotted; text-align:center; padding-bottom:20px;
}

.ginrin_pct{
	width:591px; height:401px; background-image: url(../bycycle/images/ginrin3.jpg);
}
.ginrin_pct td{
	margin:0;
	padding:0;
}

/********************ギャラリー*********/
ul.gallery li{float:left; margin:0 22px 15px 0;
}

.filter{
	margin-left:1em;
	}

.filter li{
	float:left; margin-right:10px; border-right:#000 1px solid; padding-right:10px;}
	
#gallery_link{
	padding:5px; margin:0 22px 15px 0; border:#CCCCCC 1px dotted;
}

#gallery_link a.toggle{
			color: #dc8b2a;
			text-decoration:none;
			}
	
#gallery_link a.toggle:hover{
				text-decoration:underline;
				color: #dc8b2a;
				}


/********************popup**************/

         div.para { width:500px; }
         div.para a { font-weight:bold; text-decoration:underline; cursor:pointer; }
         /* Tooltip */
         #tooltip { position:absolute; z-index:9999; color:#fff; font-size:11px; width:200px; }
         #tooltip .tipHeader { height:8px; background:url(img/ajax/tipHeader.gif) no-repeat; }
         #tooltip .tipBody { background-color:#111; padding:5px 5px 5px 5px; text-align:center; }
         #tooltip .tipFooter { height:8px; background:url(img/ajax/tipFooter.gif) no-repeat; }

/****************margin******************/

p.m_l_0{
	margin-left:0px;
	margin-bottom:0.5em;
}

p.m_l_10{
	margin-left:10px;
	margin-bottom:0.5em;
}

p.m_l_20{
	margin-left:20px;
	margin-bottom:0.5em;
}

/****************表***************/

#mytable {
	width:100%;
    margin:0 0 0 1px; padding:0;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
}
#mytable2 {
	width:100%;
    margin:0 0 0 1px; padding:0;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
}

caption {
    padding:0 0 5px 0;
    font:italic 12px;
    text-align:right;
}
#mytable th {
    font:bold 12px;
    color:#4f6b72;
    border:1px solid #c1dad7;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:center;
    padding:6px;
    background:#cae8ea url("../images/bg_header.jpg"); background-repeat:repeat-x;
	vertical-align:middle;
}
#mytable2 th {
    font:bold;
    color:#4f6b72;
    border:1px solid #c1dad7;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:center;
    padding:4px 2px;
    background:#cae8ea url("../images/bg_header.jpg"); background-repeat:repeat-x;
	vertical-align:middle;
	font-size:11px;
}
#mytable th.mini {
    font:bold 12px;
    color:#4f6b72;
    border:1px solid #c1dad7;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align: center;
    padding:3px 3px 3px 3px;
    background:#cae8ea url("../images/bg_header.jpg"); background-repeat:repeat-x;
	vertical-align:middle;
}
#mytable th.title {
    font:bold 12px;
    color:#ff6600;
    border:1px solid #c1dad7;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:left;
    padding:6px 6px 6px 12px;
    background:#cae8ea url("../images/bg_header.jpg"); background-repeat:repeat-x;
}
#mytable th.title span.small {
    font:bold 12px;
	line-height:2em;
    color:#4f6b72;
}
#mytable th.nobg {
    border-top:0;
    border-left:0;
    background:none;
}
#mytable2 th.nobg {
    border-top:0;
    border-left:0;
    background:none;
}
#mytable td {
    border:1px solid #c1dad7;
    background:#fff;
    padding:6px 6px 6px 6px;
    color:#4f6b72;
	line-height:1.5em;
	vertical-align:middle;
}
#mytable2 td {
    border:1px solid #c1dad7;
	font-size:10px;
    background:#fff;
    padding:4px 2px;
    color:#4f6b72;
	line-height:1.5em;
	vertical-align:middle;
}
#mytable td.alt {
    background:#F5FAFA;
    color:#797268;
}
#mytable2 td.alt {
    background:#fff;
	font-weight:bold;
    color:#ff0000;
}
#mytable td.gray {
    background:#efefef;
    color:#797268;
}
#mytable th.spec {
    background:#fff url("../images/bullet1.gif") ; background-repeat:repeat-x;
    font:bold 10px;
}
#mytable th.specalt {
    background:#f5fafa url("../images/bullet2.gif") ; background-repeat:repeat-x;
    font:bold 10px;
    color:#797268;
}

/****************フォーム******************/
.form1 { width:100%;}

.form1 th{
	padding:2px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:11px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #666666; color:#ffffff;

background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

	text-align:center;
	line-height:1.6em;
	}

.form1 td{
	padding:2px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:10px;
	line-height:1.6em;
}

.form1 td.bg{
	padding:2px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:10px;
	line-height:1.6em;
	background-color:#eaefb5;

}

.form1 td.midashi{
	padding:2px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:10px;
	line-height:1.6em;
	text-align:left;
	width: auto;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */

	}
	
.form1 td img{
	vertical-align: text-top;
	}
	
/*フォームボタン*/
.btn1{ margin:10px 0;}

.btn1 button, .btn1 input[type=button],
.btn1 input[type=reset], .btn1 input[type=submit] {
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	padding: 6px 20px 4px;
	cursor:pointer;
}
.btn1 button:hover, .btn1 input[type=button]:hover,
.btn1 input[type=reset]:hover, .btn1 input[type=submit]:hover {
	-webkit-box-shadow: inset 0 1px 3px #e1e1e1, inset 0 -0px #cfcfcf, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #e1e1e1, inset 0 -0px #cfcfcf, 1px 1px 2px #E7E7E7;
	padding: 6px 20px 4px;
	cursor:pointer;
}
/* 2017.11.18 クリックするとへこむが、角丸がなくなるのと、disabledの場合でもへこんでしまうので削除する
.btn1 button:active, .btn1 input[type=button]:active,
.btn1 input[type=reset]:active, .btn1 input[type=submit]:active	{
	background: #ccc;
	padding: 6px 20px 4px;
	cursor:pointer;
}
*/
.btn1 button:disabled, .btn1 input[type=button]:disabled {
	color: #aaa;
	cursor: default;
}

/**************2013/10/22新規追記***************/

#login{
	width:350px; margin:100px auto 0 auto;
	}

#login_btn{margin:10px 0 5px 0; text-align:center;}

.list_menu_title{
	padding:4px 10px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-top: 1px #cccccc solid;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	-ms-border-radius:8px 8px 0 0;

	font-size:13px;
	color:#333333;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.list_menu_box {
	padding:8px 10px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;
	height:30px;
	line-height:30px;
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-ms-border-radius:0 0 8px 8px;
}
.list_menu_box input {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:13px;
	color:#333333;
/*	width:150px;*/
}
input[type=button], input[type=submit] {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

.list_menu{
	width:400px; margin:0 3px; float:left; margin-bottom:10px;
}

.list_menu_area{
	box-sizing: content-box;									/* 2017.9.5 Add Bootstrap対策 */
	width:813px;
	height:auto;
	padding:10px 10px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-ms-border-radius:0 0 8px 8px;

	font-size:13px;
	color:#333333;
	margin-bottom:20px;

}

.list_menu_area_title{
	box-sizing: content-box;									/* 2017.9.5 Add Bootstrap対策 */
	width:803px;
	padding:4px 15px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-top: 1px #cccccc solid;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	-ms-border-radius:8px 8px 0 0;

	text-align:left; height:30px; line-height:30px; color:#333333; font-size:120%; font-weight:bold;
	text-shadow:1px 1px 1px #ffffff;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.form2 { width:100%; }

.form2 th {
	padding:2px 2px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:11px;
	line-height:1.6em;
	background-color:#eaefb5;
	text-align:left;
	width: auto;
	}

.form2 td {
	padding:2px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:11px;
	line-height:1.6em;
}
.form2 td input {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:11px;
}

/*フォームボタン*/
.btn2{ margin:10px 0; cursor:pointer;}

.btn2 button, .btn2 input[type=button],
.btn2 input[type=reset], .btn2 input[type=submit] {
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	padding: 3px 10px 2px; cursor:pointer;
}
.btn2 button:hover, .btn2 input[type=button]:hover,
.btn2 input[type=reset]:hover, .btn2 input[type=submit]:hover {
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	padding: 3px 10px 2px; cursor:pointer;
}
.btn2 button:active, .btn2 input[type=button]:active,
.btn2 input[type=reset]:active, .btn2 input[type=submit]:active	{
	background: #ccc;
	padding: 3px 10px 2px; cursor:pointer;
}

#login_btn{ margin:10px 0; cursor:pointer;}

#login_btn button, #login_btn input[type=button],
#login_btn input[type=reset], #login_btn input[type=submit] {
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	padding: 3px 10px 2px; cursor:pointer;
}
#login_btn button:hover, #login_btn input[type=button]:hover,
#login_btn input[type=reset]:hover, #login_btn input[type=submit]:hover {
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -0px #DFDFDF, 1px 1px 2px #E7E7E7;
	padding: 3px 10px 2px; cursor:pointer;
}
#login_btn button:active, #login_btn input[type=button]:active,
#login_btn input[type=reset]:active, #login_btn input[type=submit]:active	{
	background: #ccc;
	padding: 3px 10px 2px; cursor:pointer;
}


input[type=checkbox] {
	display: none;
}
.check_css {
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	left: -14px;
	padding: 0 0 0 -42px;
	vertical-align: middle;
	cursor: pointer;
}
.check_css:hover:after {
	border-color: #0171bd;
}
.check_css:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 3px;
	content: '';
}
.check_css:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	margin-top: -14px;
	width: 9px;
	height: 16px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}
input[type=checkbox]:checked + .check_css:before {
	opacity: 1;
}