@charset "utf-8";

body{
	font-size:100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:#ddd;
	-webkit-text-size-adjust: 100%;
}

h1{
	font-size:135%;
}


h2{
	font-size:120%;
}

h3{
	font-size:100%;

}

p{
	font-size:90%;
	line-height: 1.8em;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td{
	max-height: 100%
}




#page{
	margin:0 auto;
	width:800px;
	background:white;
}

/*----- ヘッダー -----*/
header{ 
	margin:0px;
	padding:0px;
}

#logo{
	vertical-align:bottom;
	margin:10px;
}

#menu ul{
	overflow:hidden;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	background:#f80;
 }

#menu li{
	display: block;
	width: 140px;
	float: left;
}

#menu a{
	display: block;
	color: #fff;
	background: #f80;
	padding: 8px 0;
	border-right: 1px solid #fff;
	text-align: center;
	text-decoration: none;
}

#menu a:hover {
	background:#47a;
}

#menu #current a{
	background:#47a;
}


/*----- メイン -----*/

#main{
/*	clear:both;
*/	margin:20px 0 20px 0;
	padding:0 32px 0 32px;
}

/*----- トップページ・ビジュアル -----*/
#top_page img{
	display: block;
	margin: 20px auto 30px auto;
}

#top_page p{
	font-size:100%;
	text-align:center;
}

/*----- お知らせ -----*/
#update{
	padding: 0px 20px 10px 20px;
	background-color: #eee;
	border-radius:10px;
	border:1px #ccc solid;
}

#update h2{
	font-size:135%;
	color: #333;
	border-bottom: 2px #47a solid;
}

#update dl{
	font-size:90%;
}

#update dt{
	float:left;
	width:9.0em;
	line-height:2.0em;
	margin:0 0 10px 0;
	padding:0 0 0 1.0em;
	background-color:#47a;
	color:#fff;
	border-bottom:1px #47a solid;	
}

#update dd{
	margin:0 0 10px 10em;
	padding:0 0 0 1.0em;
	line-height:2.0em;
	color: #333;
	border-bottom:1px #47a solid;	
}

#update a{
	text-decoration: none;	
}

#update a:hover{
	text-decoration:underline;	
}

/*----- ニュース -----*/
#news h1{
	color: #333;
	border-bottom: 2px #47a solid;
}

#news h2{
	margin:20px 0 0 0;
	padding:0;
	border-bottom:2px #47a solid;
	color:#333;
}

#news p{
	padding:0 16px 0 16px;
	color: #333;
}

#news a{
	text-decoration: none;	
}

#news a:hover{
	text-decoration:underline;	
}

#news_table{
	clear:both;
	margin:20px 0 0 0;
	padding:0 32px 0 32px;
}

#news_table dl{
	font-size:90%;
	margin:0;
	padding:0;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#news_table dt{
	text-align:center;
	float:left;
	width:11.0em;
	line-height:1.8em;
	margin:0;
	padding:0;
	background-color:#eee;
	color:#333;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
}

#news_table dd{
	margin:0 0 0 11.0em;
	padding:0 0 0 1.0em;
	line-height:1.8em;
	color: #333;
	border-top:1px #ccc solid;	
}


/*----- 製品情報 -----*/
#products h1{
	color: #333;
	border-bottom: 2px #47a solid;
}

#products ul{
	margin:0 auto 0 auto;
	padding: 10px 0px 10px 0px;
}

#products ul li{
	list-style-type:none;
}

#products ul li a{
	display:block;
	text-decoration:none;
	color:#000;
	background-color:#eee;
/*	height:140px;*/
	margin:0 0 20px 0;
	padding:15px;
	border:1px #ccc solid;
	border-radius:10px;
}

#products ul li a img{
	display:block;
	float:right;
	margin:0 0 0 20px;
	border:1px #ccc solid;
}

#products a:hover{
	border:3px #f80 solid;
	border-radius:10px;
	padding:13px;
}

.name{
	color:#333;
	line-height:1.0em;
	margin: 0 0 10px 0;
}

.number{
	font-size:90%;
	color:#333;
	line-height:1.5em;
	margin: 0 0 0px 1.0em;
}

.price{
	font-size:90%;
	color:#333;
	line-height:1.5em;
	margin: 0 0 10px 1.0em;
}

.description{
	font-size:90%;
	color:#333;
	line-height:1.5em;
	margin: 0 0 5px 1.0em;
}

/*----- 製品個別ページ -----*/
h2.heading{
	margin:20px 0 0 0;
	padding:0;
	border-bottom:2px #47a solid;
	color:#333;
}

/*----- 製品名 -----*/
#product_top{
	display:block;
	margin:20px 0 0 0;
	padding:10px 0px 10px 10px;
	background-color:#eee;
	border-radius:5px;
	border:1px #ccc solid;
}

#product_top h1{
	margin:0;
	padding:0;
	color:#333;
	float:left;
}

#product_top h3{
	margin:0;
	padding:0;
	color:#333;
	float:left;
}

#product_top p{
	text-align:left;
	margin:0;
	padding-left:28.0em;
	color:#333;
}

/*----- 開発協力 -----*/
#product_adviser{
	clear:both;
	margin:10px 0 0 0;
	padding:0 0 0 300px;
}

#product_adviser dl{
	font-size:100%;
	margin:0;
	padding:0;
}

#product_adviser dt{
	float:left;
	width:5.0em;
	line-height:1.6em;
	margin:0;
	padding:0;
}

#product_adviser dd{
	margin:0 0 0 5.0em;
	padding:0;
	line-height:1.6em;
}


/*----- 注意書き -----*/
p.notice{
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #ff0;
	color: #000;
}

/*----- 概要 -----*/
#product_overview{
	margin:15px 0 0 0;
	padding:0 16px 0 16px;
}

#product_overview img{
	display:block;
	float:left;
	margin-right:1.0em;
	border:1px #ccc solid;
}

#product_overview p{
	margin:0;
	text-indent:1.0em;
	color:#333;
}

#product_overview a{
	text-decoration: none;
}

#product_overview a:hover{
	text-decoration:underline;
}

/*---- 使い方 ----*/
#product_operate{
	margin:10px 0 0 0;
	padding:0 16px 0 16px;
}

#product_operate h3{
	margin:0;
	padding:0;
	color:#333;
}

#product_operate p{
	margin:0;
	padding:0;
	color:#333;
}

#product_operate ul{
	margin:0px 0 0 0;
	padding:0;
}

#product_operate ul li{
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
}

#product_operate ul li img{
	display:block;
	float:right;
	margin:0 0 20px 1.0em;
}

#product_operate ul li p{
	margin:0;
	padding:0;
	text-indent:1.0em;
	color:#333;
}

/*---- 特長 ----*/
#product_feature{
	clear:both;
	margin:20px 0 0 0;
	padding:0 16px 0 16px;
}

#product_feature dl{
	margin:0;
	padding:0;
}

#product_feature dl dt{
	margin:20px 0 0 0;
	font-size:110%;
	font-weight:bold;
	display:list-item;
	list-style: disc inside none ;
	color:#333;
}

#product_feature dl dd{
	font-size:90%;
	line-height: 1.8em;
	margin:0 0 0 2.0em;
}

/*---- 写真 ----*/
#product_photo{
	clear:both;
	margin:20px 0 0 0;
	padding:0 32px 0 32px;
}

#product_spec img{
	display:block;
	float:none;
	margin:0 0 20px 0;
}

/*---- 仕様 ----*/
#product_spec{
	clear:both;
	margin:20px 0 0 0;
	padding:0 32px 0 32px;
}

#product_spec img{
	display:block;
	float:none;
	margin:0 0 20px 0;
}

#product_spec dl{
	font-size:90%;
	margin:0;
	padding:0;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#product_spec dt{
	text-align:left;
	float:left;
	width:11.0em;
	line-height:1.8em;
	margin:0;
	padding:0 0 0 1.0em;
	background-color:#eee;
	color:#333;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
}

#product_spec dd{
	margin:0 0 0 11.0em;
	padding:0 0 0 2.0em;
	line-height:1.8em;
	color: #333;
	border-top:1px #ccc solid;	
}

#product_spec p{
	clear:both;
	margin:0;
	padding:0;
	line-height:1.8em;
}

/*---- オプション製品 ----*/
#product_option{
	clear:both;
	margin:20px 0 0 0;
	padding:0 32px 0 32px;
}

#product_spec img{
	display:block;
	float:none;
	margin:0 0 20px 0;
}

#product_option dl{
	font-size:90%;
	margin:0;
	padding:0;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#product_option dt{
	text-align:left;
	float:left;
	width:11.0em;
	line-height:1.8em;
	margin:0;
	padding:0 0 0 1.0em;
	background-color:#eee;
	color:#333;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
}

#product_option dd{
	margin:0 0 0 11.0em;
	padding:0 0 0 2.0em;
	line-height:1.8em;
	color: #333;
	border-top:1px #ccc solid;	
}

#product_option p{
	clear:both;
	margin:0;
	padding:0;
	line-height:1.8em;
}

#product_option a{
	text-decoration:none;
}

#product_option a:hover{
	text-decoration:underline;
}

/*---- ダウンロード ----*/
#product_download{
	clear:both;
	margin:20px 0 0 0;
	padding:0 32px 0 32px;
}

#product_download dl{
	font-size:90%;
	margin:0;
	padding:0;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#product_download dt{
	text-align:left;
	float:left;
	width:11.0em;
	line-height:1.8em;
	margin:0;
	padding:0 0 0 1.0em;
	background-color:#eee;
	color:#333;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
}

#product_download dd{
	margin:0 0 0 11.0em;
	padding:0 0 0 2.0em;
	line-height:1.8em;
	color: #333;
	border-top:1px #ccc solid;	
}

#product_download p{
	clear:both;
	margin:0;
	padding:0;
	line-height:1.8em;
}

#product_download a{
	text-decoration:none;
}

#product_download a:hover{
	text-decoration:underline;
}

/*----- 丸山電機について -----*/
#about h1{
	color: #333;
	border-bottom: 2px #47a solid;
}

#about p{
	margin:0;
	padding:0 16px 0 16px;
	color: #333;
}


/*----- 事業者概要 -----*/
#company_profile{
	margin:20px 0 0 0;
	padding: 0px 20px 10px 20px;
	background-color: #eee;
	border-radius:10px;
	border:1px #ccc solid;
}

#company_profile h2{
	font-size:135%;
	color: #333;
	border-bottom: 2px #47a solid;
}


#company_profile dl{
	font-size:90%;
}

#company_profile dt{
	text-align:center;
	float:left;
	width:5.0em;
	line-height:2.0em;
	margin:0 0 10px 0;
	padding:0 1.0em 0 1.0em;
	background-color:#47a;
	color:#fff;
	border-bottom:1px #47a solid;	
}

#company_profile dd{
	margin:0 0 10px 7em;
	padding:0 0 0 1.0em;
	line-height:2.0em;
	color: #333;
	border-bottom:1px #47a solid;
}

/*---- お問い合わせ ----*/
#mailform h1{
	color: #333;
	border-bottom: 2px #47a solid;
}

#mailform p{
	padding:0 16px 0 16px;
	color: #333;
}

table.formTable{
	width:704px;
	margin:0 auto;
	color: #333;
	border-collapse:collapse;
}

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	font-size:90%;
}

table.formTable th{
	text-align:left;
	font-weight:normal;
	background:#eee;
	border:1px solid #ccc;
}

table.formTable th span{
	padding-left:1.5em;
	color:#f00;
}

table.formTable td textarea{
	resize:vertical;
	display:block;	
}

.map_wrapper {
  max-width: 672px;
  min-width: 280px;
  margin: 20px auto;
  padding: 0;
  border: 1px solid #ccc;  
}
.googlemap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*----- フッター -----*/
footer{
	padding:0 1.0em 0 0;
	background-color:#f80;
	text-align:right;
	color:#fff;
}

.center-img{
	text-align:center;
}

.left-img{
	text-align:left;
}

.right-img{
	
	text-align:right;
}