@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Author     : MIYA
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
	color: #333;
    background: url("../img/bg/bg_top.jpg") left top repeat-x;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
body.large	{ font-size:14px; }
body.small	{ font-size:10px; }
/* for IE6, 7 */
body,input,textarea {
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-weight: bold;
}
img {
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
em { color: #511; }
textarea	{ resize: vertical; }
a, a:link	{
	color: #036;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:visited	{
	text-decoration: none;
	color: #036;
}
a:hover	{
	text-decoration: underline;
	color: #0080ff;
/*	-moz-box-shadow: 0 0 6px #999;  
	-webkit-box-shadow: 0 0 6px #999;*/
}
a:active {
}

/* page要素
----------------------------------------------------------- */
div#page {
	font-size: 100%;
	text-align: left;
}

/* header要素
----------------------------------------------------------- */
#header	{
}

#header	.inner	{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	border-top: solid 5px #036;
}
#header .hgroup	{}
#header h2 { font-size: 85%; }
#header .utility	{
	position: absolute;
	top: 0;
	right: 0;
}

#header .fontChanger dt	{ width: 75px; }
#header .fontChanger dd	{ width: 85px; margin: -18px 0 0 75px; }
#header .fontChanger dd img	{ margin-right: 3px; cursor: pointer; }

/* mainVisual要素
----------------------------------------------------------- */
#mainVisual {
	width: 0px;
	padding: 0px;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	background:#fff;
	border-top:solid 2px #B2D8FD;
}
.indexBody #wrapper {
	width: 1000px;
	margin: 0 auto;
	background:url(../img/bg/wrapper_bg.gif) #fff left top repeat-x;
	border-top:none;
}

/* globalNavi Style要素
----------------------------------------------------------- */
#globalNavi	{
	width: 960px;
	margin: 0 auto;
	padding:0 20px;
	overflow: hidden;
	_zoom: 1;
	background:url(../img/bg/global_bg.jpg) left top repeat-x;
}
#globalNavi ul {
	width:950px;
	margin: 0 auto;
}
#globalNavi ul li { float: left; }

/* contents要素
----------------------------------------------------------- */
div#contents {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	_zoom: 1;
	background:#fff;
}
div#contents:after {
    content: ""; 
    display: block; 
    clear: both;
}
#contents .pageTop {
	position: fixed;
	right: 0;
	bottom: 0;
	clear: both;
	margin: 0;
	padding: 7px 12px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: right;
	font-size: 85%;
}
#contents .pageTop a { color: #333; }
#contents .pageTop a:hover { color: #f63; }
#contents .pageTop a:before { content: "↑ "; }
/* for IE6 */
* html #contents .pageTop {
	padding: 15px 0 0;
	border: 0;
	font-size: 100%;
}

/* パンくずリスト
----------------------------------------------------------- */
#crumbs{
	padding:10px 0;
}
#crumbs a{
	text-decoration:underline;
}
#crumbs a:hover{
	text-decoration:none;
}


/* main要素
----------------------------------------------------------- */
#main	{
	clear:both;
	width: 630px;
	float: left;
	font-size: 108%;
	line-height: 150%;
}
#main span { color: #F00; }

#main .pageNavi	{ text-align: center; }
#main .pankuzu {
	color: #999;
	margin-bottom: 10px;
}
#main .pankuzu li { display: inline; }

/* mainコンタクト
------------- ---------------------------------- */
#main_contact {
	clear:both;
	width :625px;
	height:180px;
	margin:0 0 50px 0;
	background: url(../img/main_contact/mc_bg.jpg) left top no-repeat;
	overflow: hidden;
}
#main_contact:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#main_contact a:hover img {
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#main_contact p {
	margin: 0;
}
#main_contact .mc_left {
	width: 321px;
	float: left;
}
#main_contact .mc_right {
	width: 304px;
	float: right;
}
#main_contact .mc_btn01 {
	padding: 0 0 0 20px;
}

#main .wp-pagenavi {
	width:auto;
    overflow: hidden;
    padding: 20px 0 40px;
    text-align: center;
}
#main .wp-pagenavi a, #main .wp-pagenavi span {
    background: none repeat scroll 0 0 #679A01;
    border: 1px solid #D8D5D5;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
	/display: inline;
	/zoom: 1;
}
#main .wp-pagenavi span {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #99CC33;
}
#main .wp-pagenavi .pages {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #99CC33;
    margin-right: 20px;
}
#main .wp-pagenavi a:hover {
    background: none repeat scroll 0 0 #8DB441;
    text-decoration: none;
}
#main .wp-pagenavi .alignleft {
    display: inline-block;
	/display: inline;
	/zoom: 1;
}
#main .wp-pagenavi .center {
    display: inline-block;
	/display: inline;
	/zoom: 1;
}
#main .wp-pagenavi .alignright {
    display: inline-block;
	/display: inline;
	/zoom: 1;
}


/* 共通要素
----------------------------------------------- */
#main .kome  {
	padding-left: 1em;
	text-indent: -1em;
}
#main .pic	{
	background: #EEE;
	border: 2px solid #666;
	padding: 10px;
}
#main .pic p	{ margin-bottom:0; }
#main .section ul, 
#main .section ol	{ margin-bottom: 15px; }
#main .section ul li	{
	list-style-type: disc;
	padding: 3px 0px;
	margin-left: 25px;
}
#main .section ol li	{
	list-style-type: decimal;
	padding: 3px 0px;
	margin-left: 35px;
}
.small	{ font-size: 83.3%; }

.tabNav	{ margin-bottom: 10px; }
.tabNav li	{ display: inline; margin-right: 10px;}
.nowOpen	{ background: url(../img/icon/nainasu.jpg) no-repeat center left; }
.firstChild	{}
.lastChild	{}

/* Image Style
----------------------------------------------- */
#main .imgArea	{ width: 100%; margin-bottom:15px; }
.imgR {	float: right;	margin: 0 0 0 15px;}
.imgL {	float: left;	margin: 0 15px 0 0;}
.textArea	{ overflow: hidden; _zoom: 1; }

/* テーブル共通指定
----------------------------------------------- */
#contents table  {
	width: 100%;
	margin: 0 auto 20px;
}
#contents th, #contents td {
    padding: 10px;
	border: 1px solid #CCC;
	vertical-align: top;
}
#contents th	{ background: #EEE; }

/* side要素
----------------------------------------------------------- */
#side {
	width: 285px;
	padding:0 0 15px 0;
	float: right;
}
#side a:hover img {
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#side li { list-style-type: none; }
#side #side_case {
	width: 285px;
	background: url(../img/side/side_bottom.jpg) center bottom no-repeat;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
}
#side #side_case a:hover img {
	filter: alpha(opacity=100); 
	-moz-opacity: 1.00;
	opacity: 1.00;
}
#side #side_case ul {
	width: 249px;
	padding: 20px 16px 10px 16px;
	border-left: solid 2px #ddd;
	border-right: solid 2px #ddd;
}
#side #side_case ul li {
	width:249px;
	background: url(../img/arrow/arrow02_on.jpg) 0 3px no-repeat;
	margin: 0 0 10px 0;
}
#side #side_case ul li a {
	display: block;
	background: url(../img/arrow/arrow02.jpg) 0 3px no-repeat;
	padding: 0 0 0 14px;
}
#side #side_case ul li a:hover {
	background: url(../img/arrow/arrow02_on.jpg) 0 3px no-repeat;
}
#side #side_works {
	width: 285px;
	background: url(../img/side/side_business_bg.jpg) center bottom no-repeat;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
}
#side #side_works a:hover img {
	filter: alpha(opacity=100); 
	-moz-opacity: 1.00;
	opacity: 1.00;
}
#side #side_works ul {
	width: 281px;
	border-left: solid 2px #ddd;
	border-right: solid 2px #ddd;
}
#side #side_works ul li {
	width: 279px;
	margin:0 1px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #eee;
	background: url(../img/side/side_btn01_on.jpg) #eee 0 0 no-repeat;
}
#side #side_works ul li a {
	display: block;
	color: #000;
	font-size:14px;
	padding:17px 10px 17px 38px;
	background: url(../img/side/side_btn01.jpg) #eee 0 0 no-repeat;
}
#side #side_works ul li a:hover {
	color:#0080ff;
	background: url(../img/side/side_btn01_on.jpg) #eee 0 0 no-repeat;
}
#side #side_electronic {
	width: 285px;
	margin: 0 0 25px 0;
}
#side #side_info {
	width: 285px;
	background: url(../img/side/side_bottom.jpg) center bottom no-repeat;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
}
#side #side_info ul {
	width: 281px;
	background:url(../img/side/side_info_bg.jpg) center bottom no-repeat;
	padding:0 0 6px 0;
	border-left: solid 2px #ddd;
	border-right: solid 2px #ddd;
}
#side #side_info ul li {
	width: 279px;
	margin:0 1px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #eee;
	background: url(../img/side/side_btn01_on.jpg) #eee 0 0 no-repeat;
}
#side #side_info ul li a {
	display: block;
	color: #000;
	font-size:14px;
	padding:17px 10px 17px 38px;
	background: url(../img/side/side_btn01.jpg) #eee 0 0 no-repeat;
}
#side #side_info ul li a:hover {
	color:#0080ff;
	background: url(../img/side/side_btn01_on.jpg) #eee 0 0 no-repeat;
}
#side #side_info address {
	font-style:normal;
	width: 253px;
	padding: 14px 14px 1px 14px;
	border-left: solid 2px #ddd;
	border-right: solid 2px #ddd;
}
#side #side_info address p img {
	margin: 0 0 10px 0;
}
#side #side_form {
	width: 285px;
	margin: 0 0 25px 0;
}

/* ページトップボタン
----------------------------------------------------------- */
#page_top {
	clear: both;
	border-top:solid 1px #E6E7E7;
	border-bottom:solid 3px #036;
	background: #f8f8f8;
}
#page_top .pt_inner{
	width:950px;
	padding:0 25px;
	margin: 0 auto;
}
#page_top .pt_inner:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#page_top .pt_inner .f_home {
	width: 82px;
	float: left;
}
#page_top .pt_inner .pageTop {
	width: 102px;
	float: right;
}

/* footer要素
----------------------------------------------------------- */
#footer	{
	padding: 36px 25px;
	background: url(../img/footer/footer_bg.jpg) #eee center top repeat-x;
	padding: 36px 25px;
}
#footer .inner {
	width:950px;
	margin:0 auto;
}
#footer .inner:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#footer	#footer_left address{
	font-style:normal;
}
#footer	#footer_left{
	width:465px;
	float:left;
}
#footer	#footer_left:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#footer	#footer_left dl{
	width:297px;
	float:left;
	padding:0 0 5px 0;
	background:url(../img/footer/fotter_menu_bg.jpg) right top repeat-y;
	margin:0 0 20px 0;
}
#footer	#footer_left dl dt{
	margin:0 0 18px 0;
}
#footer	#footer_left dl dd{
	margin:0 0 25px 0;
}
#footer	#footer_left nav{
	width:168px;
	float:right;
}
#footer	#footer_left nav ul{
	padding:0 0 0 14px;
}
#footer	#footer_left nav ul li{
	background:url(../img/arrow/arrow03.gif) 0 5px no-repeat;
	margin:0 0 8px 0;
	padding:0 0 0 12px;
}
#footer	#footer_left nav ul li a{
	color:#000;
}
#footer	#footer_left nav ul li a:hover{
	color:#0080FF
}

#footer	#footer_right{
	width:485px;
	float:left;
	background:url(../img/footer/footer_right_bg.gif) left top repeat-y;
}
#footer	#footer_right:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#footer	#footer_right nav.footer_right01{
	width:242px;
	float:left;
}
#footer	#footer_right nav.footer_right02{
	width:243px;
	float:right;
}
#footer	#footer_right nav h3{
	font-size:12px;
	padding:0 14px 8px 14px;
	color:#360;
}
#footer	#footer_right nav ul{
	padding:0 14px 12px 14px;
}
#footer	#footer_right nav ul li{
	background:url(../img/arrow/arrow03.gif) 0 5px no-repeat;
	margin:0 0 8px 0;
	padding:0 0 0 12px;
}
#footer	#footer_right nav ul li a{
	color:#000;
}
#footer	#footer_right nav ul li a:hover{
	color:#0080FF
}
#footer .copyright{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
#footer .uni{
	padding:10px 0 0 0;
	font-size:10px;
}
#footer .uni a{
	color:#999999;
	text-decoration:none;
}

/* clearfix */
#main .imgArea:after, .clearfix:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }