/*

	Gear-Man CSS
	Layout Setting

	* File Organization:
		#frame
			#header
			#navigation
			#breadcrumb
			#visual
			#content
				#mainCol
				#subCol
			#footer
		.clearfix

*/



/* -----------------------------------------------

	#header
	ヘッダー設定

----------------------------------------------- */
div#header {
	margin: 0;
	text-align: left;
}

div#header h1#logo-GM {
	margin: 0;
}

/* title  タイトル設定
----------------------------------------------- */
div#title {
	margin: 0;
	text-align: left;
}

div#title h2#title-txt {
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	border-bottom: 5px solid #FF9900;
}

/* Primary プライマリー設定
----------------------------------------------- */
.Primary_h3 {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	text-align: left;
	border-bottom: 3px double #FF9900;
	color: #FF9900;
}

.Primary_arrow {
	margin: 5px 0;
	font-weight: bold;
	text-align: center;
	color: #FF9900;
}

.shopImg {
	margin: 0;
	padding:0;
	width: 100%;
	text-align: center;
}

#GoogleMap {
	margin: 10px 0;
	padding:0;
	width: 100%;
	text-align: center;
}

/* Secondary  セカンダリー設定
----------------------------------------------- */
div.searchBlock {
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
	border: 1px solid #CCCCCC;
	border-radius: 10px;        /* 角丸：CSS3草案 */
	-webkit-border-radius: 10px;    /* 角丸：Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* 角丸：Firefox用 */
    background-image: -webkit-gradient(linear,left bottom, left top,
                  from(#EEEEEE),
                  to(#FFFFFF));
	overflow: hidden; /* IE6 */
}

div.searchBlock h4 {
	margin: 0 0 10px 0;
	font-weight: normal;
	text-align: left;
	color: #996600;
}

div.searchBlock h4 span {
	margin: 3px 5px 5px 5px;
	font-weight: bold;
}

div.searchBlock p {
	margin: 3px 5px 5px 5px;
	padding: 0;
}

div.searchBlock p span {
	margin: 0;
	font-weight: bold;
	color: #FF9900;
}

.searchBlock_ul {
	margin: 0 0 15px 15px;
	padding: 0;

}

.searchBlock_li {
	margin: 0 0 5px 15px;
	padding: 0;
	list-style-type: square;
	border: none;
}

.searchChoice {
	margin: 25px 0 0 0;
	padding: 0;
	text-align: left;
}

.searchChoice p {
	margin: 0 0 10px 0;
	text-align: left;
	color: #FF9900;
	border-bottom: 1px dotted #FF9900;
}

.searchChoice p span {
	font-weight: bold;
}

.searchChoice-s {
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

.searchChoice-s p {
	margin: 0 0 10px 0;
	text-align: left;
	color: #FF9900;
	border-bottom: 1px dotted #FF9900;
}

.shopList {
	margin: 10px 0;
	padding: 10px 0;
	font-size: 100%;
	border-bottom: 1px dotted #CCCCCC;
}

.shopList span {
	margin: 0;
	color: #7E7E7E;
}

.shopMain {
	margin: 0 0 10px 0;
	font-size: 100%;
	border-bottom: 1px dotted #CCCCCC;
}

.shopMain_p {
	line-height: 150%;
	border-bottom: 1px dotted #CCCCCC;
}

.shopMain_p span.shopMain_mark {
	margin: 0 5px 0 0;
	color: #7E7E7E;
}

.ui-grid-b {
	margin: 0 0 20px 0;
	padding: 0;
}

.ui-block-a {
	width: 20%;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #7E7E7E;
}
.ui-block-b {
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: left;
}
.ui-block-c {
	width: 30%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#searchShop {
	margin: 5px 5px 20px 5px;
	padding: 15px;
	font-size: 100%;
	border: 1px solid #CCCC99;
}

#searchShop p {
	margin: 0 0 10px 0;
}

.subStep {
	margin: 10px 0 5px 0;
	padding: 0;
}

.subSet {
	margin: 0 0 5px 0;
	padding: 0;
}

/* Colors  フォント用カラー
----------------------------------------------- */

.baseColor {
	margin: 0;
	color: #FF9900;
}

.subColor {
	margin: 0;
	color: #996600;
}

.requiredItem {
	margin: 0;
	color: #0099FF;
}

.checkedItem {
	margin: 0;
	color: #FF0000;
}

.labelSelect {
	margin: 0;
	color: #7E7E7E;
	font-weight: normal;
}

/* Company  Gear-Manについて設定
----------------------------------------------- */

dl.companyList {
	margin: 1.25em 0 1em 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #999999;
	float: right;
}

dl.companyList dt {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	width: 25%;
	border-top: 1px dotted #999999; 
	color: #FF9900;
 	display:inline;
	float: left;  
	clear: both;
}

dl.companyList dd {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0.5em;
	width: 70%;
	border-top: 1px dotted #999999; 
	text-align: left;
	float: left;
}

*+html dl.companyList > dd {
	float:none;
}

/* Products  オートダイン設定
----------------------------------------------- */

dl.adhesive {
	margin: 0.5em 0;
	padding: 1em 0;
	padding: 1em 0;
	width: 100%;
	border-bottom: 1px dotted #999999;
}

dl.adhesive dt {
	margin: 0 0 0.25em 0;
	padding: 0;
	width: 100%;
	font-weight: bold;
	color: #FF9900;
}

dl.adhesive dd {
	margin: 0;
	padding: 0;
	width: 100%;
	font-weight: normal;
}

ul.products_ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: disc;
/* 	background-color: #EEEEEE;
	background: -moz-linear-gradient(top, #FEFEFE, #EEEEEE);   /* グラデーション：Firefox用 */
/* 	background: -webkit-gradient(linear, left top, left bottom, 
                  from(#FEFEFE),
                  to(#EEEEEE));  /* グラデーション：Safari,Google Chrome用 */
/* 	border-radius: 5px;   */     /* 角丸：CSS3草案 */
}

ul.products_ul li.products_li {
	margin-left: 1em;
	padding: 0;
	/* 	color: #996600; */ 
	font-size: 95%;
	line-height: 145%;
	border: none;
	list-style-type: disc;
}

/* Service  サービス内容設定
----------------------------------------------- */

ul.service_ul {
	margin: 0;
	padding: 10px;
	width: 100%;
	border: 1px solid #EEEEEE;
	list-style-type: disc;
	background-color: #EEEEEE;
	background: -moz-linear-gradient(top, #FEFEFE, #EEEEEE);   /* グラデーション：Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, 
                  from(#FEFEFE),
                  to(#EEEEEE));  /* グラデーション：Safari,Google Chrome用 */
	border-radius: 5px;        /* 角丸：CSS3草案 */
	line-height: 160%;
}

ul.service_ul li.service_li {
	margin-left: 1em;
	color: #996600;
	font-size: 95%;
	line-height: 145%;
}

/* inquiry  お問い合わせ設定
----------------------------------------------- */
div.inquiryBox{
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
}

/* Return  トップに戻る設定
----------------------------------------------- */
div#return-nav{
	margin: 10px 0;
	fint-size: 90%;
	text-align: right;
}

/* -----------------------------------------------

	#footer-nav
	フッターナビ設定

----------------------------------------------- */
div#footer-nav {
	margin: 10px 10px 10px 0;
	text-align: right;
}

/* docs site layout */

@media all and (min-width: 650px){
	
	.type-home .ui-content {
		margin-top: 5px;
	}
	.ui-mobile #jqm-homeheader {
		max-width: 340px;
	}
	p.intro {
	margin: 0 0 2em 0;
	line-height: 135%;
	}
	p.intro img {
		margin: 0 0 0.5em 0;
	}
	.type-home .ui-content,
	.type-interior > .ui-content {
		padding: 0;
	}
	.type-interior > .ui-content {
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
	}
	.content-secondary,
	.type-interior .content-secondary {
		margin: 30px 0 20px 2%;
		padding: 0 4% 0 0;
		background: none;
		border-top: none;
		position: relative;
	}
	.type-interior .content-secondary::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		height: 1px;
		width: 1px;
		margin-bottom: -9999px;
		padding-bottom: 9999px;
		background: #bbb;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.content-secondary .ui-collapsible {
		margin: 0;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content {
		border-left: none;
		border-right: none;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}
	.ui-mobile #jqm-homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	/* collapsible non-inset example */
	.content-primary .ui-collapsible-content ul:first-child {
		margin-top: -10px;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		padding: 1.5em 6% 3em 0;
		margin: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-inset {
		margin-bottom: -1px;
	}
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content,
	.content-secondary .ui-collapsible-content > .ui-listview .ui-li-last {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	
}
@media all and (min-width: 750px){
	.type-home .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 56%;
	}
	.content-primary {
		width: 34%;
		padding-right: 1%;
	}
}

@media all and (min-width: 1200px){
	.type-home .ui-content{
		background-position: 38.5%;
	}
	.content-secondary {
		width: 50%;
		padding-right:6%;
		margin: 30px 0 20px 5%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 30%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
}

/* reset for popup examples */
.type-interior .ui-popup.ui-content,
.type-interior .ui-popup .ui-content {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: visible;
}

/* tables documenting enum-type settings */
.enum-value {
	vertical-align: top;
	white-space: nowrap;
}

/* Navbar examples */
.content-primary > .ui-header,
.content-primary > .ui-footer {
	overflow: hidden;
}

/* list styles */
ul { margin:0; padding-left:0; }
ul li { list-style:none; padding:.7em 0; margin:0; border-bottom:1px solid #e3e3e3; }
ul ul li { border: none;}

dl dd ul {
	padding-left: 1em;
}
dl dd ul li { list-style: disc; }
dl dd ul li li { list-style: circle; }
dl dd ul li li li { list-style: square; }
dl dd ul li { border: none; }

.ui-mobile-viewport .localnav li {
	border: none;	
}

hr {
	margin: 0;
	width: 100%;
    height: 1px;
	border: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}