html{font-size: 62.5%;}
body{
	font-size: 1.4rem;
	text-align:center;
	width:100%;
}

/*--ヘッダー--*/
#page .ui-header, #page01 .ui-header, #page02 .ui-header, #page03 .ui-header, #page04 .ui-header{
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee 0%, #ffffff 62%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(62%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eee 0%,#ffffff 62%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eee 0%,#ffffff 62%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eee 0%,#ffffff 62%); /* IE10+ */
	background: linear-gradient(to bottom,  #eee 0%,#ffffff 62%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	margin:0;
	padding:0;
	width:100%;
}
/*--フッター--*/

#page .ui-footer,
#page01 .ui-footer,
#page02 .ui-footer,
#page03 .ui-footer,
#page04 .ui-footer{
	font-weight:100;
	font-size:0.8em;
	background:#eee;
	bottom:0;
	width:100%;
	margin:0;
/*	margin-right:-10px;
	padding: 0 20px;*/
}
/*


.ui-footer ul{
	text-align:left;
	list-style:none;
	margin:3px 0px;
}

.ui-footer ul a:link{
	font-weight:100;
}
*/

/* フッターメニュー */
ul.accordion {
	width:100%;
	margin:0px;
	padding:0px;
	font-size:0.8em;
	list-style-type:none;
	margin-left:-20px;
	display:inline-block;
}
ul.accordion a {
	display:block;
	padding:10px;
	background-position:97% center;
	 background-repeat:no-repeat;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	list-style-type:none;
}
ul.accordion span {
	display:block;
	padding:10px;
	background-position:97% center;
	background-repeat:no-repeat;
	color:#fff;
	text-shadow:none;
	font-weight:bold;
}
ul.accordion ul {
	display:none;
	padding:0 0 0 2px;
	margin:0 20px;
	list-style:none;
}
ul.accordion > li {
	list-style-type:none;
	background: #ccc;
/* 	background: #67C6DD; */
	padding:0;
/*	background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
	background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));*/
}
ul.accordion > li > p {
	background: #ccc;
	width:100%;
/* 	background: #67C6DD; */
/*	background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
	background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));*/
	cursor:pointer;
}
ul.accordion > li > p span {
	background-image:url(../images/shared/open.png);
}
ul.accordion > li > p span.open {
	background-image:url(../images/shared/close.png);
	margin-bottom:-10px;
}
ul.accordion > li > ul {
	list-style-type:none;
}
ul.accordion > li > ul > li {
	list-style-type:none;
	background:#fff;
	border-bottom:1px solid #EEE;
	padding:0 30px 0 10px;
}
ul.accordion > li > ul > li > p {
	background:#fff;
}
ul.accordion > li > ul > li > a {
	background:url(../images/shared/link02.png) no-repeat 98% center;
}
ul.accordion > li > ul > li > ul > li {
	background:#FFF;
	border-bottom:1px dotted #888;
}
ul.accordion > li > ul > li > ul > li:last-child {
	border:none;
}
/* ここまで フッターメニュー */


/*--タイトル(ヘッダー、フッターとかの）--*/
#page .ui-title, #page01 .ui-title, #page02 .ui-title, #page03 .ui-title, #page04 .ui-title{
    color:#333;
    text-shadow:none;
}
/*--フッタータイトルのみ--*/
#page .ui-footer .ui-title, #page01 .ui-footer .ui-title, #page02 .ui-footer .ui-title, #page03 .ui-footer .ui-title, #page04 .ui-footer .ui-title{
    color:#333;
    text-shadow:none;
    font-size:13px;
}

#page div.contents, #page01 div.contents, #page02 div.contents, #page03 div.contents, #page04 div.contents{
	width:100%;
	margin:0;
	padding: 0;
	text-align:center;
}


/*
#page h1, #page01 h1, #page02 h1, #page03 h1, #page04 h1{
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	font-size:1.5em;
	line-height:1.5em;
	margin: 0 auto;
	padding-left:0.5em;
	padding:5px 0.5em;
	border-top:3px double #5DB969;
	border-bottom:3px double #5DB969;
	border-right:10px solid #5DB969;
	border-left:10px solid #5DB969;
	border-bottom:1px dotted #E3F0B1;
	background-color:#fff;
}
*/

#page h1, #page01 h1, #page02 h1, #page03 h1, #page04 h1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	font-size:1.5em;

	margin:0;
	padding:1em 10px 10px 10px;
	color:#333;
	background:#AEDB0F;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}



#page h2, #page01 h2, #page02 h2, #page03 h2, #page04 h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	margin:0.5em 0 0 0.5em;
	padding:3px 0.5em;
	width:95%;
	text-align:left;
	border-left:10px solid #bbbbbb;
	background-color:#e0e0e0;
}

#page h3, #page01 h3, #page02 h3, #page03 h3, #page04 h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	margin:1em 0 0.5em 0.5em;
	padding:0;
	width:95%;
	text-align:left;
}

.txt-s, h3.txt-s{
	font-size:0.5em;
	font-weight:normal;
}
.catch{
	font-weight:normal;
	text-shadow:none;
	font-size:0.8em;
	margin-right:1.4em;
	margin-top:0.5em;
}

#top_menu{
	display:inline-block;
	vertical-align:bottom;
	width:100%;
	max-width:auto;
	max-height:85px;
	position: relative;
	font-weight:normal;
}
#top_menu .logo{
	width:70px;
	float:left;
	margin:5px 0 5px 1rem;
	text-align:center;
}
#top_menu .logo img{
	max-width:70px;
	height:auto;
}
#top_menu ul.menu_btn{
	display:inline-block;
	padding:0px;
	margin:0.2em 1em 0 0;
	float:right;
	max-width:500px;
	list-style:none;
}
#top_menu ul.menu_btn li{
	float:left;
	margin-right:0.4em;
}

@media screen and (max-width: 480px) {
	#top_menu ul.menu_btn{
		display:inline-block;
		padding:0px;
		margin:0.2em 0em 0 0;
		float:right;
		max-width:220px;
		list-style:none;
	}
	#top_menu ul.menu_btn img{
		max-width:100px;
		height:auto;
	}
}
.ui-header .ui-title{
	text-align:center;
	font-size:1.25rem;
/*	margin:0.5rem 5%;*/
	text-overflow:clip;
	white-space:normal;
	line-height:1.35rem;
/*	min-height:1.1em;*/
/*	display:block;
	margin:.6em 30% .8em;
	padding:0;
	text-overflow:clip;*/
/*	overflow:hidden;
	margin-left:0%;
	white-space:nowrap;
	outline:0!important*/
}

.ui-li{
	font-size:1.2rem;
}
.ui-link-inherit{
	background-image:url('/sp/images/shared/link.png');
	background-position:right;
	background-repeat:no-repeat;
}

img.main-fig{
	width:800px;
	height:476px;
	margin-bottom:1em;
}
img.main-fig-about{
	width:800px;
	height:519px;
	height: auto;
	max-width: 100%;
	margin-bottom:1em;
}
img.main-fig-top{
	width:800px;
	height:492px;
	height: auto;
	max-width: 100%;
	margin-bottom:1em;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}



.contents{
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	background-color:#fff;
	text-align:left;
}
figure{
	width:100%;
	padding:0;
	margin:0;
}
figcaption{
	display:none;
}


.ui-content .ui-listview,
.ui-panel-inner > .ui-listview{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.ui-collapsible-content > .ui-listview{
	margin:0x;
}

.ui-bar-a{
	text-align:center;
	border:1px solid #fff;
	background:#111;
	color:#111;
	font-weight:bold;
	text-shadow:0 -1px 0 #f0f0f0;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #e0e0e0 ),to( #fff ));
	background-image:-webkit-linear-gradient( #e0e0e0,#fff );
	background-image:-moz-linear-gradient( #e0e0e0,#fff );
	background-image:-ms-linear-gradient( #e0e0e0,#fff );
	background-image:-o-linear-gradient( #e0e0e0,#fff );
	background-image:linear-gradient( #e0e0e0,#fff );
}

.footer_menu{
	margin-top:2em;
	font-size:0.9em;
	line-height:2em;
	color:#666;
	margin-left:-20px;
}

div#sign_menu{
	margin:0 auto;
	position: relative;
}
div#sign_menu ul{
	padding:0;
	margin:0;
	text-align:center;
	list-style:none outside none;
	position:relative;
	width:100%;
background-color:#ffc;
}
div#sign_menu ul li{
	width:48%;
	float:left;
	margin:0 2% 0 0 ;
	padding:0;
	position:relative;
}

div#sign_menu li a, div#sign_menu li a:visited{
	display:inline-block;
	background-image:url(../products/images/menu_logo.png),-webkit-gradient(linear,left top,left bottom,from( #e0e0e0 ),to( #fff ));
	background-image:url(../products/images/menu_logo.png),-webkit-linear-gradient( #e0e0e0,#fff );
	background-image:url(../products/images/menu_logo.png),-moz-linear-gradient( #e0e0e0,#fff );
	background-image:url(../products/images/menu_logo.png),-ms-linear-gradient( #e0e0e0,#fff );
	background-image:url(../products/images/menu_logo.png),-o-linear-gradient( #e0e0e0,#fff );
	background-image:url(../products/images/menu_logo.png),linear-gradient( #e0e0e0,#fff );
	background-position:bottom right;
	background-repeat:no-repeat;
	margin:3px 2px;
	padding:10px 3px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #e0e0e0;
	text-align:left;
	font-size:0.9em;
	width:97%;
	display:inline-block;
}
div#sign_menu li a:hover{
	background-image:-webkit-gradient(linear,left top,left bottom,from( #cccccc ),to( #e0e0e0 ));
	background-image:-webkit-linear-gradient( #cccccc,#e0e0e0 );
	background-image:-moz-linear-gradient( #cccccc,#e0e0e0 );
	background-image:-ms-linear-gradient( #cccccc,#e0e0e0 );
	background-image:-o-linear-gradient( #cccccc,#e0e0e0 );
	background-image:linear-gradient( #cccccc,#e0e0e0 );
	font-size:0.9em;
	display:inline-block;
}

@media screen and (max-width: 480px) {
	div#sign_menu li{
		line-height:2em;
		min-width:30%;
	}
}
#sign_menu a{
	font-weight:normal;
	text-decoration:none;
}

.attention{
	clear:both;
	margin-top:0.5em;
	font-size:0.86em;
	color:#ff6600;
}

#products, #company, #about{
	width:100%;
	max-width:100%;
	height:auto;
}
/*商品情報*/
#products{
	padding:1em 0 0.5em 0;
}
#products hover.products01{
	display: block;
	background-image: url('../products/images/shop.png');
	background-color:#ffc;
}

/*会社案内*/
#company{
	background-color:transparent;
	background-image:url('/sp/company/images/main.png');
	background-position:top left;
}
#company .box{
	padding:1em 0px;
	text-align:center;
}
#company dl{
	background-color:#fff;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90;
	display:inline-block;
	text-align:left;
	margin:0px;
}
#company dl{
	margin-bottom:1px;
	clear:both;
	width:90%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #e0e0e0;
}
#company dt{
	width:8em;
	text-align:left;
	background-color:#62C1D8;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity:0.85;
	text-shadow:none;
	color:#000;
	margin:0;
	padding:0.5em 0 0.5em 0.5em;
	float:left;
}
#company dd{
	text-align:left;
	margin:0;
	padding:0.5em 1em;
	float:left;
}

/*看板について*/
/*#about #page h2, #about #page01 h2, #about #page02 h2, #about #page03 h2, #about #page04 h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	margin:1em 0 0 0.5em;
	padding:3px 0.5em;
	width:95%;
	text-align:left;
	border-left:10px solid #F54397;
	background-color:#FFcccc;
}
*/
#about h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	margin:1em 0 0 0.5em;
	padding:3px 0.5em;
	width:95%;
	text-align:left;
	border-left:10px solid #F54397;
	background-color:#FFcccc;
}


#about img.pht{
	max-width:18.5%;
	height:auto;
	border:1px solid #e0e0e0;
}

#about h3{
	height:47px;
	background-image:url('/sp/about/images/icn_tech.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left:30px;
	border-top:1px dotted #F54397;
	border-bottom:1px dotted #F54397;
}
#about h3 .txt{
	margin-top:15px;
	margin-left:5px;
	display:inline-block;
	font-size:1.5em;
	height:30px;
}
#about h3 .txt-pink{
	text-align:center;
	display:inline-block;
	float:left;
	background-color:#F54397;
	padding:3px 10px;
	height:41px;
	font-size:1em;
	color:#fff;
	margin-right:0.5em;
	text-shadow:none;
}
#about .next{
	margin:2em 0 1em 0;
}
#about .next a{
	background-color:#67c6dd;
	font-size:1em;
	color:#fff;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	text-shadow: 1px 1px 1px #666;
	text-decoration:none;
	padding:10px 20px;
	height:36px;
	box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.2);
}
#about .next a:hover{
	background-color:#299bb8;
	text-shadow: none;
}


#about .next img{
	max-height:24px;
	width:auto;
	vertical-align:middle;
	margin-left:3px;
}

.box{
	width:95%;
	text-align:left;
	margin-bottom:0.5em;
}
.sub-box{
	margin-bottom:0.5em;
	background-color:#ffeeee;
	padding:0.5em 1em;
}
.totop {
	padding-right:10px;
}