@import url("css/reset.css");
@import url("css/prettyPhoto.css");
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* interface
=================================================*/
body {
	color: #2E1302;
	font:88%/150% verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#content {
	width:980px;
	margin:0 auto;
}

strong { color:#009900;}

/* header */

#header {
	background:url(images/base/header_bg.png) repeat-x;
	height:89px;
	color:#FFFFFF;
	padding-top:16px;
}
#header header {
	width:980px;
	margin:0 auto;
}
#header p {
	margin:30px 0 0 0;
}
#header h1 {
	font-size:0.8em;
}
#header h2 {
	margin:30px 0 0 0;
}
#header article.logo {
	float:left;
}
#header article.tel {
	float:right;
}
/* navi */

#global_navigation {
	clear:both;
	xbackground:url(images/base/header_bottom_bg.png) repeat-x;
	height:33px;
}
#global_navigation nav {
	width:980px;
	margin:0 auto;
}
#global_navigation li {
	float:left;
	line-height:33px;
	padding-right:13px;
}
#global_navigation li a {
	display:block;
	text-align:center;
	width:90px;
	height:33px;
	color:#009900;
	font-weight:bold;
	text-decoration:none;
}
#global_navigation li a:hover {
	color:#33CC00;
}
/* page_head */

#page_head li {
	list-style-type:none;
}
#page_head {
	background:#333;
	color:#FFFFFF;
}
#page_head article {
	width:980px;
	margin:0 auto;
}
.headline {
	float:left;
	margin-top:50px;
}
.headline h2 {
	font-size:3.3em;
	line-height:100%;
	margin-bottom:17px;
}
.headline dt {
	font-size:1.8em;
	margin-bottom:8px;
	border-bottom:1px solid #FFF;
	padding-bottom:6px;
}
.headline p {
	margin-bottom:50px;
}
.movie {
	text-align:center;
	background:#66CC00;
	border-radius:8px;
	-webkit-border-radius:8px;
	padding:6px 0px;
	font-size:1.5em;
	font-weight:bold;
	display:block;
}
.movie em { font-size:0.5em; display:block;}
.movie a {
	color:#FFFFFF;
	text-decoration:none;
}
#page_head .system_image {
	float:right;
	margin-top:20px;
	margin-bottom:20px;
}
#page_head .system_image {
	text-align:right;
	}

/* navi_banner */
#navi_banner {
	background:#F0F0E1;
	margin-bottom:40px;
}
#navi_banner article {
	width:980px;
	margin:0 auto;
}
#navi_banner ul {
	width:980px;
	padding-top:10px;
}
#navi_banner ul li {
	float:left;
	width:320px;
	height:120px;
	list-style-type:none;
	margin:10px 0;
}
#navi_banner ul li dt {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:8px;
}
#navi_banner ul li dt.descicon01 {
	background:url(images/base/icon01.png) no-repeat left center;
	line-height:25px;
	padding-left:40px;
}
#navi_banner ul li dt.descicon02 {
	background:url(images/base/icon02.png) no-repeat left center;
	line-height:25px;
	padding-left:30px;
}
#navi_banner ul li dt.descicon03 {
	background:url(images/base/icon03.png) no-repeat left center;
	line-height:25px;
	padding-left:36px;
}
#navi_banner ul li dt.descicon04 {
	background:url(images/base/icon04.png) no-repeat left center;
	line-height:25px;
	padding-left:36px;
}
#navi_banner ul li dt.descicon05 {
	background:url(images/base/icon05.png) no-repeat left center;
	line-height:25px;
	padding-left:40px;
}
#navi_banner ul li dt.descicon06 {
	background:url(images/base/icon06.png) no-repeat left center;
	line-height:25px;
	padding-left:30px;
}
#navi_banner ul li dd {
	padding-right:30px;
	line-height:120%;
}
/* product */

#product { margin-bottom:60px;}
#product article {
	width:980px;
	margin:0px auto;
}
#product article h3 {
	font-size:2.3em;
	margin-bottom:30px;
}
#product article li {
	list-style-type:none;
}
#product .system_image {
	float:left;
	width:410px;
}
#product .desc {
	float:right;
	width:550px;
}
#product dt {
	font-weight:bold;
	padding-bottom:11px;
}
#product dd {
	font-size:0.9em;
}
#product .desc ul {
	margin-top:10px;
}
#product .desc li {
	padding-bottom:7px;
}
#product .desc span {
	background:#0066FF;
	color:#FFF;
	border-radius:6px;
	-webkit-border-radius:6px;
	padding:3px;
	margin-right:7px;
}
/* system */

#system {
	clear:both;
}
#system article {
	width:980px;
	margin:20px auto;
}
#system article h3 {
	font-size:2.3em;
	margin-bottom:10px;
}
#system li {
	list-style-type:none;
}
#system article table {
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
}
#system article th {
	width:25%;
	padding:12px;
	text-align:center;
	vertical-align:top;
	border-bottom:2px solid #CCC;
	font-weight:normal;
}
#system article td {
	padding:12px;
	background-color:#FFF;
	text-align:center;
	border-bottom:2px solid #CCC;
}
/* findphone */

#findphone {
	clear:both;
	background:#09F;
	color:#FFFFFF;
	padding:20px 0;
	margin-top:40px;
	margin-bottom:40px;
}
#findphone article {
	width:980px;
	margin:40px auto;
}
#findphone article h3 {
	font-size:2.3em;
	margin-bottom:10px;
	line-height:120%;
}
#findphone article p {
	margin-bottom:30px;
}
#findphone article span {
	background:#66CC00;
	border-radius:8px;
	-webkit-border-radius:8px;
	padding:11px;
}
#findphone article span a {
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
}
#findphone article li {
	float:left;
	list-style-type:none;
	width:450px;
	text-align:right;
}
/* news */
#news {
	margin:40px 0;
	width:600px;
	float:left;
}
#news h3 {
	font-size:1.7em;
}
#news article {
	padding-top:20px;
}
#news dt {
	font-weight:bold;
	padding-bottom:11px;
}
#news dd {
	font-size:0.9em;
}
#infomation {
	width:360px;
	float:right;
	padding-top:20px;
}

#infomation li {
	list-style-type:none;
}


/* footer */


#footer {
	border-top:#333 15px solid;
	clear:both;
	background:url(images/base/header_bg.png) repeat-x;
	height:89px;
	color:#FFFFFF;
	padding-top:16px;
	margin-top:40px;
	text-align:center;
}


/*
=================================================*/



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}




/* PRODUCT
=================================================*/



#findphone_head {
	clear:both;
	background:#693;
	color:#FFFFFF;
	padding:20px 0;
}
#findphone_head article {
	width:980px;
	margin:40px auto;
}
#findphone_head article h3 {
	font-size:3.6em;
	margin-bottom:10px;
	line-height:120%;
}

/* movie_content */

#movie_content {
	margin-bottom:60px;}
#movie_content article {
	width:980px;
	margin:40px auto;
}
#movie_content article h3 {
	font-size:2.3em;
	margin-bottom:30px;
}
#movie_content article ul {
	margin:0;
	padding:0;
}
#movie_content article li {
	list-style-type:none;
}
#movie_content .system_image {
	float:left;
	width:550px;
}
#movie_content .desc {
	float:right;
	width:410px;
}
#movie_content dt {
	font-weight:bold;
	padding-bottom:11px;
}

#movie_content dd {
	font-size:0.9em;
}

#movie_content .wide { text-align:center; line-height:20px; background:#313232; color:#FFFFFF; padding:4px; width:542px; margin-top:-5px;}
#movie_content .wide img { vertical-align:middle; padding:0 4px;}

#movie_content .desc .btn {
	background:#693;
	border-radius:0px;
	-webkit-border-radius:0px;
	padding:11px;
	margin-top:20px;
	display:block;
	text-align:center;
}

#movie_content .desc .btn a { color:#FFFFFF; text-decoration:none; font-size:1.5em; }

/* navi_box */

#navi_box {
	background:#F0F0E1;
}
#navi_box article {
	width:980px;
	margin:0 auto;
}
#navi_box ul {
	width:980px;
}
#navi_box ul li {
	float:left;
	width:490px;
	list-style-type:none;
	margin:20px 0;
}
#navi_box ul li dt {
	font-size:1.5em;
	font-weight:bold;
}
#navi_box ul li dd {
	padding-right:30px;
	line-height:120%;
	margin-top:13px;
}


#navi_box .descicon07 { background:url(images/base/icon07.png) no-repeat left; padding-left:27px; line-height:24px;}


#product .desc h4 {
	font-size:1.4em;
	color:#693;
	padding-top:7px;
}

/* system_map */

#system_map { margin-bottom:60px;}
#system_map article {
	width:980px;
	margin:0px auto;
}
#system_map article h3 {
	font-size:2.3em;
	margin-bottom:30px;
}

/* aboutus */


#aboutus article {
	width:980px;
	margin:20px auto;
}

#aboutus article h3 {
	font-size:2.3em;
	margin-bottom:10px;
}
#aboutus article table {
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
}
#aboutus article th {
	width:25%;
	padding:12px;
	text-align:center;
	vertical-align:top;
	border-bottom:2px solid #CCC;
	font-weight:normal;
}
#aboutus article td {
	padding:12px;
	background-color:#FFF;
	text-align:left;
	border-bottom:2px solid #CCC;
}

#aboutus article dl { clear:both; line-height:30px;}
#aboutus article dt { font-weight:bold; width:150px;}
#aboutus article dt,#aboutus article dd { float:left;}