@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : common.css
 Author     : SeeVisions
 Style Info : 汎用スタイル
=================================================================== */


/* -----------------------------------------------
 layout
-------------------------------------------------- */

.column-2 {
	position: relative;
	clear: both;
	overflow: hidden;
}

.column-2 .leftBox {
	float: left;
}

.column-2 .rightBox {
	float: right;
}

.column2List {
	position: relative;
	clear: both;
	overflow: hidden;
}

.column2List li{
	float:left;
}

.column2List li.even{
	margin-right:0px;
}

.column3List {
	width:630px;
	position: relative;
	clear: both;
	overflow: hidden;
}

.column3List li{
	float:left;
	width:190px;
	margin-right:30px;
	margin-bottom:30px;
}

.column3List li.nth-child-3{
	margin-right:0px;
}

.column3List li img{
	margin-bottom:10px;
}

/* -----------------------------------------------
 text module
-------------------------------------------------- */

/* text-align */
.align-center {
	text-align:center;
}

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

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

/* span */
.red {
	color:#C00;
}

.orange {
	color:#F00;
}

.yellow {
	color:#F00;
}

.green {
	color:#060;
}

.blue {
	color:#06C;
}

p.ttl01 {
	font-size: 120%;
	font-weight:bold;
	color: #93704E;
}

.kadomaruTxt{
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	padding:5px 15px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	behavior: url("PIE.htc");
}

.bgGreen {
	color:#FFF;
	background: -moz-linear-gradient(top center, #52936C 0%, #006837 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#52936C), to(#006837));
	background: linear-gradient(top center, #52936C 0%, #006837 100%);
}

/* -----------------------------------------------
 img module
-------------------------------------------------- */

/* pict */
p.pictR {
	display:inline;
	float:right;
	margin-bottom:10px;
	margin-left:40px;
}

p.pictL {
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-right:40px;
}

.pict01 {
	padding: 4px;
	margin-bottom:10px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.kadomaruPict{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	behavior: url("PIE.htc");
}

/* wp用エディタ指定 Alignment */

.alignnone {
	padding-top: 0em;
	padding-bottom: 1.625em;
	clear: both;
	margin: 0px;
}

.alignleft {
	padding-bottom: 1.625em;
	display: inline;
	float: left;
	padding-right: 20px;
}

.alignright {
	padding-bottom: 1.625em;
	display: inline;
	float: right;
	padding-left: 20px;
}

.aligncenter {
	padding-bottom: 1.625em;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* -----------------------------------------------
 effect
-------------------------------------------------- */
.effect {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect:before, .effect6:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
	box-shadow: 0 0 20px rgba(0,0,0,0.8);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.effect:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}

/* -----------------------------------------------
 line module
-------------------------------------------------- */

.line-01 {
	clear:both;
	display:block;
	background:url(../img/line_014.gif) repeat-x;
	height:2px;
	margin:20px 0 0 0;
	width:100%;
}

/* -----------------------------------------------
 list module
-------------------------------------------------- */

/* ul disc */
ul.listDisc li {
	margin-left:25px;
	margin-bottom:0.5em;
	list-style-image:url(../images/ico_list-disc.png);
}

/* ul kome */
ul.listKome li {
	margin-left:25px;
	margin-bottom:0.5em;
	list-style-image:url(../images/ico_list-kome.png);
}

/* ol decimal */
ol.listDecimal li {
	margin-bottom:0.5em;
	list-style-type:decimal;
	list-style-position: outside;
	margin-left:2em;
}

/* ol alpha */
ol.listAlpha li {
	margin-left:25px;
	margin-bottom:0.5em;
	list-style-type:lower-alpha;
}

/* dl disc */
dl.listDisc dt {
	padding-left:20px;
	background:url(../images/ico_list-disc.png) no-repeat left;
	font-weight:bold;
}

dl.listDisc dd {
	padding-left:20px;
	margin-bottom:1em;
}

/* dl none */
dl.listNone dt {
	font-weight:bold;
	margin-bottom:0.5em;
}

dl.listNone dd {
	margin-bottom:1.5em;
}

/* dl listTable */
.listTable li {
	clear:both;
	zoom:100%;
}

.listTable li.last-child {
	border-bottom: none;
}

.listTable dl dt {
	float: left;
	width: 4em;
	padding-top: 10px;
	padding-bottom:10px;
	line-height: 150%;
}
.listTable dl dd {
	padding-top: 10px;
	padding-bottom:10px;
	padding-left: 5em;
	line-height: 150%;
}


/* -----------------------------------------------
 navigation module
-------------------------------------------------- */

/* pageSend */
.pageSend {
	width:630px;
	overflow: hidden;
	font-weight:bold;
	font-size:100%;
	border-top:1px solid #EFE3D8;
	padding-top:10px;
}

.pageSend .next {
	float: right;
}

.pageSend .back {
	float: left;
}

.pageSend .next a {
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:30px;
	margin-left:30px;
	color: #52936C;
	background: url(../images/ico_pageSend_next.png) no-repeat center right;
}

.pageSend .next a:hover {
	text-decoration:none;
	color: #93704E;
	background: url(../images/ico_pageSend_next_on.png) no-repeat center right;
}

.pageSend .back a {
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:30px;
	margin-right:30px;
	color: #52936C;
	background: url(../images/ico_pageSend_back.png) no-repeat center left;
}

.pageSend .back a:hover {
	text-decoration:none;
	color: #93704E;
	background: url(../images/ico_pageSend_back_on.png) no-repeat center left;
}

.pageSend a {
	display: block;
	padding: 1em;
	border: none;
}

/* -----------------------------------------------
 box-width
-------------------------------------------------- */

.box-10 {
	width: 10px;
}

.box-20 {
	width: 20px;
}

.box-30 {
	width: 30px;
}

.box-40 {
	width: 40px;
}

.box-50 {
	width: 50px;
}

.box-60 {
	width: 60px;
}

.box-70 {
	width: 70px;
}

.box-80 {
	width: 80px;
}

.box-90 {
	width: 90px;
}

.box-100 {
	width: 100px;
}

.box-110 {
	width: 110px;
}

.box-120 {
	width: 120px;
}

.box-130 {
	width: 130px;
}

.box-140 {
	width: 140px;
}

.box-150 {
	width: 150px;
}

.box-160 {
	width: 160px;
}

.box-170 {
	width: 170px;
}

.box-180 {
	width: 180px;
}

.box-190 {
	width: 190px;
}

.box-200 {
	width: 200px;
}

.box-210 {
	width: 210px;
}

.box-220 {
	width: 220px;
}

.box-230 {
	width: 230px;
}

.box-240 {
	width: 240px;
}

.box-250 {
	width: 250px;
}

.box-260 {
	width: 260px;
}

.box-270 {
	width: 270px;
}

.box-280 {
	width: 280px;
}

.box-290 {
	width: 290px;
}

.box-300 {
	width: 300px;
}

.box-310 {
	width: 310px;
}

.box-320 {
	width: 320px;
}

.box-330 {
	width: 330px;
}

.box-340 {
	width: 340px;
}

.box-350 {
	width: 350px;
}

.box-360 {
	width: 360px;
}

.box-370 {
	width: 370px;
}

.box-380 {
	width: 380px;
}

.box-390 {
	width: 390px;
}

.box-400 {
	width: 400px;
}

.box-410 {
	width: 410px;
}

.box-420 {
	width: 420px;
}

.box-430 {
	width: 430px;
}

.box-440 {
	width: 440px;
}

.box-450 {
	width: 450px;
}

.box-460 {
	width: 460px;
}

.box-470 {
	width: 470px;
}

.box-480 {
	width: 480px;
}

.box-490 {
	width: 490px;
}

.box-500 {
	width: 500px;
}

.box-510 {
	width: 510px;
}

.box-520 {
	width: 520px;
}

.box-530 {
	width: 530px;
}

.box-540 {
	width: 540px;
}

.box-550 {
	width: 550px;
}

.box-560 {
	width: 560px;
}

.box-570 {
	width: 570px;
}

.box-580 {
	width: 580px;
}

.box-590 {
	width: 590px;
}

.box-600 {
	width: 600px;
}

.box-610 {
	width: 610px;
}


/* -----------------------------------------------
 clearfix
-------------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	zoom:1;
}