@charset "UTF-8";
/* build 20150630_01
manu02_pc.css
Copyright 2014 RION Inc. All rights reserved.
---------*---------*---------*---------*---------*---------*-------- */
body{
/* 	background-color:#ffffff;		/* ←←←← ブラウザ背景色の設定 */
}

a{
    text-decoration: none;		/* リンクの下線を表示しない設定 */
}

img {
    z-index: 0;
    margin: 0;
    padding: 0;
}
img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    padding:10px;
    margin:0;
}
.img_comment a:hover {
    color:blue;
}

.box{					/* box共通 */
position: relative;
display: block;
height: 35px;				/* box高さ */
width: 140px;				/* box横幅 */
margin: 0 20px 10px 0;			/* 枠外余白（上右下左） */
box-shadow: 2px 2px 2px rgba(0,0,0,0.4); /* シャドウ */
float: left;				/* 左に配置 */
/* ↓↓↓↓ boxを透過させる ↓↓↓↓ */
/*	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;                */
/* ↑↑↑↑ boxを透過させる ↑↑↑↑ */
}
.box p{
/* padding: 15px 10px;			枠内余白（上右下左） */
	margin: 9px 0px 0px 0px;
}

#content h3{				/* h3の設定 ----------------------------------------------------- */
	background-color:#8e8a79;
	font-size: 20px;
	color: white;
	margin: 0 0 5px 0;
	padding: 4px;
	clear: left;    		/* 回り込みを解除 */
}

.box01{					/* box01の設定 -------------------------------------------------- */
background-color: #aaaaaa;		/* box01内のベース背景色 */
margin: 0 20px 10px 0;			/* 枠外余白（上右下左） */
box-shadow: 2px 2px 2px rgba(0,0,0,0.4); /* シャドウ */
float: left;				/* 左に配置 */
}
.box01 li{
	list-style:none;
	float: left;
}
.box01 .li01{
 	background-color:#8DC440;		/*box01＞li01の背景色 */
}
.box01 .li01 a{
	display: block;
	height: 70px;
	width: 150px;
	background-image: url("../image/markw.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
.box01 .li02{
	background-color:#ffffff;		/* box01＞li02の背景色 */
}
.box01 .li02 a{
	display: block;
	height: 70px;
	width: 150px;
	background-image: url("../image/li02.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

.box02{					/* box02の設定 -------------------------------------------------- */
background-color: white;		/* 背景色 ★★★ */
}
.box02 .box02title{			/* box02のタイトル */
font-size:small;			/* 文字サイズ - 小 */
/* color: black;				文字色 ★★★ */
color: #666666;				/* 文字色 ★★★ */
	/* min-height: 100%; */
	text-align: center;

}
.box02 a{				/* box02のリンクタイトル */
color: white;				/* 文字色 */
display: block;
}

#footer{				/* footerの設定 -------------------------------------------------- */
clear: left;    			/* 回り込みを解除 */
}
#footer p{
font-size:x-small;			/* 文字サイズ - 極小 */
padding: 0px 0px 10px 0px;
}
#footer span{
font-style: italic;			/* フォントスタイル（イタリック体） */
}