@charset "utf-8";
/*
Theme Name: Cue
Theme URI: http://cueinc.co.jp/
Description: A theme by Toshikazu Kobayashi
Author: Toshikazu Kobayashi
Author URI: http://ganejah.com/
*/

@import url(/css/reset.css);
@import url(/css/font-face.css);

body {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 100%;
	background-image: url(/images/background.png);
	background-repeat: repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}
#container {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	clear: both;
}
a:link,
a:visited {
    -webkit-transition:  .3s ease-in-out;
    -moz-transition:  .3s ease-in-out;
    -o-transition:  .3s ease-in-out;
    -ms-transition:  .3s ease-in-out;
    transition:  .3s ease-in-out;
	color: #6CC;
	text-decoration: none;
}
a:hover {
    -webkit-transition:  .3s ease-in-out;
    -moz-transition:  .3s ease-in-out;
    -o-transition:  .3s ease-in-out;
    -ms-transition:  .3s ease-in-out;
    transition:  .3s ease-in-out;
	color: #069;
}


.light-gray {
	color: #999;
}
br.blank-space{
	margin-bottom:25px;
}

.point {
	color: #FFF;
	background-color: #F66;
	height: 15px;
	width: 30px;
	font-size: 12px;
	padding-top: 0%;
	padding-right: 10px;
	padding-bottom: 0%;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.open {
	display: none;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-border-radius: 8px;
	box-shadow: inset 0 0 10px #000;
	text-indent: -999999px;
	position: fixed;
	top: 20px;
	left: 20px;
	background-color: #333;
	background-image: url(/images/menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1000000;
	border: 1px solid #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#pageslide {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	color: #FFF;
	-webkit-box-shadow: #888 0px 0px 20px;
	-moz-box-shadow: #888 0px 0px 20px;
	box-shadow: #888 0px 0px 20px;
	text-align: left;
	list-style-type: none;
	padding-top: 100px;
	padding-right: 0%;
	padding-bottom: 20px;
	padding-left: 0%;
	background-image: url(/images/pageslider-background.png);
	background-repeat: repeat;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	clear: both;
	float: left;
	content:".";
	overflow: scroll;
}
#pageslide ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
}
#pageslide ul li {
	list-style-type: none;
	height: auto;
	width: 100%;
	clear: both;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	text-indent: 15px;
	display: block;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#pageslide ul li a:link,
#pageslide ul li a:visited {
	list-style-type: none;
	color: #FFF;
	text-decoration: none;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}
#pageslide ul li a:hover {
	list-style-type: none;
	color: #FFF;
	text-decoration: none;
	background-color: #6CC;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: inset 0 0 10px #069;
}
#pageslide ul li ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
}
#pageslide ul li ul li {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	white-space: nowrap;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-indent: 35px;
	background-image: url(/images/icon/square-light-blue.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
#pageslide ul li ul li a:link, #pageslide ul li ul li a:visited {
	list-style-type: none;
	color: #FFF;
	text-decoration: none;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#pageslide ul li ul li a:hover {
	list-style-type: none;
	color: #FFF;
	text-decoration: none;
	background-color: #444;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: inset 0 0 10px #111;
}
#pageslide span {
	display: none;
}
/*=========================================================
header
=========================================================*/
#header {
	width: 80%;
	height: 160px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-left: 10%;
	clear: both;
	float: left;
	background-color:#ebebeb;
	-webkit-box-shadow: #888 0px 0px 20px;
	-moz-box-shadow: #888 0px 0px 20px;
	box-shadow: #888 0px 0px 20px;
	box-shadow: #888 -20px 0px 20px\9;
	display: inline;
	position: relative;
	z-index: 10;
}

#header h1#logo {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	background-image: url(/images/header/logo.png);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height: 50px;
	background-position: left center;
	width: 280px;
	margin-left: 0px;
	float: left;
	margin-right: 0px;

	display: block;
}
#header h1#logo a:link {
	display: block;
	float: left;
	height: 50px;
	width: 100%;
}
#header h1#logo a:hover {
	display: block;
	float: left;
	height: 50px;
	width: 100%;
}
#header #search {
	display: inline;
	float: right;
	height: auto;
	width: 30%;
	margin-top: -122px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-right: 2%;
	padding-left: 2%;
	clear: both;
}
#header #search input {
	height: 30px;
	width: auto;
	float: right;
	font-size: 14px;
	line-height: 36px;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	color: #333;
	border: 1px solid #bababa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0 0 10px #bbbaba;
	clear: both;
	background-color: #FFF;
	position: relative;
	z-index: 100;
}
#header #search input::-webkit-search-decoration,
#header #search input::-webkit-search-cancel-button {
	display: none;
}
#header #search input[type=search] {
	background: #ededed url(/images/icon/search-icon.png) no-repeat 10px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 12px;
	width: 55px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 20px;
	height:20px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	margin: 0px;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#header #search input[type=search]:focus {
	width: 100%;
	padding-left: 42px;
	color: #000;
	background-color: #fff;
	cursor: auto;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#header #search  input[type=search]:hover {
	background-color: #fff;
}
#header #search  input:-moz-placeholder,
#header #search  input::-webkit-input-placeholder {
	color: transparent;
}
#header #search .search-submit {
	display: none;
}

#header #glovalnavi {
	height: auto;
	width: 1024px;
	text-align: center;
	padding: 0px;
	margin-top: -3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	float: left;
}
#header #glovalnavi #nav { padding-left: 0; list-style: none; width: 100%; margin-bottom: 40px; }
#header #glovalnavi #nav:after, { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#header #glovalnavi #nav,
#header #glovalnavi #nav ul,
#header #glovalnavi #nav li {
	padding: 0;
	border: none;
	outline: none;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
 
#header #glovalnavi #nav {
	height: 50px;
	width: 1024px;
	text-align: center;
	clear: both;
	float: left;
	margin: 0px;
}
 
#header #glovalnavi #nav li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 50px;
	margin-right: 135px;
	margin-right: 100px\9;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
}

#header #glovalnavi #nav li a:link,
#header #glovalnavi #nav li a:visited {
	display: block;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #4D4D4D;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 5px;
	float: left;
	height: 50px;
	width: auto;
}
#header #glovalnavi #nav li a:hover,
#header #glovalnavi #nav li.nav .selected:hover {
	display: block;
	line-height: 26px;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #6CC;
	padding: 5px;
	float: left;
	height: 50px;
	width: auto;
}

#header #glovalnavi #nav li.nav span {
	display: block;
	line-height: 26px;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 300;
}

#header #glovalnavi #nav li:first-child {
	margin-left: 0%;

}
#header #glovalnavi #nav li:last-child {
	margin-right: 0px;
}
#header #glovalnavi #nav li.nav .selected {
	float: left;
	color: #333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #099;
	width: auto;
	height: 50px;
	text-decoration: none;
	z-index: 200;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#header #glovalnavi #nav ul {
	position: absolute;
	left: 0;
	opacity: 0;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top:30px;
	top: 40px;
	float: left;
	height: 0px;
	overflow: hidden;
	width: 100%;
}
#header #glovalnavi #nav li:hover > ul {
	opacity: 1;
	margin-top:33px;
	width: auto;
	width: 200px\9;
	clear: both;
	float: left;
	height: auto;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	background-color: #333;
	position: absolute;
	z-index: 100;
	overflow: hidden;
}
#header #glovalnavi #nav li:hover > ul li,
#header #glovalnavi #nav li:hover > ul li a:link,
#header #glovalnavi #nav li:hover > ul li a:visited,
#header #glovalnavi #nav li:hover > ul li a:hover{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header #glovalnavi #nav ul li,
#header #glovalnavi #nav ul li ul li {
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
	
}
#header #glovalnavi #nav ul li a:link{
	display: block;
	line-height: 28px;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	width: 100%;
	clear: both;
	float: left;
	height: 50px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header #glovalnavi #nav ul li a:visited {
	display: block;
	line-height: 28px;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	width: 100%;
	clear: both;
	float: left;
	height: 50px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#header #glovalnavi #nav li:hover > ul li {
	height: 50px;
	overflow: visible;
	padding: 0;
	width: 100%;
	clear: both;
	float: left;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #D6D6D6;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	text-indent: 10px\9;
	font-size: 14px;
	line-height: 48px;
	display: block;
}
#header #glovalnavi #nav li:hover > ul li a:link,
#header #glovalnavi #nav li:hover > ul li a:visted {
	height: 50px;
	overflow: visible;
	padding: 0;
	width: 100%;
	clear: both;
	float: left;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);

}
#header #glovalnavi #nav li:hover > ul li:last-child{
	border-bottom-style:none;
}
#header #glovalnavi #nav li:hover > ul li a:hover {
	width: 100%;
	display: block;
	height: 50px;
	color: #6CC;
	background-color: #000;
	margin-top: 0px;
	font-size: 14px;
	line-height: 48px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}


#header ul#infomaition{
	width:50%;
	height:auto;
	position: absolute;
	top: 0px;
	right: 0%;
	z-index: 100;
	clear: both;
	float: left;
	display: inline;
	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
} 
#header ul#infomaition li {
	float: left;
	color: #333;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	margin-right: 15px;
	padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 2%;
	height: auto;
}
#header ul#infomaition li:first-child {
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #D6D6D6;
}
#header ul#infomaition li a:link,
#header ul#infomaition li a:visited {
	color: #333;
	display: block;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	line-height: 125px;
	height: 60px;
	float: left;
	width: 100%;
}
#header ul#infomaition li a:hover{
	color: #999;
	text-decoration: none;
	font-size: 12px;
	height: 60px;
	width: 100%;
	float: left;
	line-height: 125px;
}
#header #infomaition #beginner {
	color: #FFF;
	background-image: url(/images/header/beginner.png);
	background-repeat: no-repeat;
	float: left;
	height: 60px;
	width: auto;
	top: 0px;
	right: 0px;
	text-shadow: 1px 1px 0 #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-position: center top;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header #infomaition #support {
	color: #FFF;
	background-image: url(/images/header/support.png);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: auto;
	top: 0px;
	right: 0px;
	text-shadow: 1px 1px 0 #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-position: center top;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header #infomaition #faq {
	color: #FFF;
	background-image: url(/images/header/faq.png);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: auto;
	top: 0px;
	right: 0px;
	text-shadow: 1px 1px 0 #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-position: center top;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header #infomaition #contact {
	color: #FFF;
	background-image: url(/images/header/contact.png);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: auto;
	top: 0px;
	right: 0px;
	text-shadow: 1px 1px 0 #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header #infomaition #beginner:hover,
#header #infomaition #support:hover,
#header #infomaition #faq:hover, 
#header #infomaition #contact:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
/*********************************************
Breadcrumbs
*********************************************/
.breadcrumbs {
	text-align: left;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: #ccc 0px 0px 15px;
	-moz-box-shadow: #ccc 0px 0px 15px;
	box-shadow: #ccc 0px 0px 15px;
	box-shadow: #ccc -15px 0px 15px\9;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
	position: relative;
	z-index: 0;
}
.breadcrumbs p {
	color: #000;
	margin-top: 0px;
	margin-right: 10%;
	margin-left: 10%;
	clear: both;
	float: left;
	padding: 0px;
	margin-bottom: 0px;
	width: 80%;
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
	font-size: 14px;
	color: #6CC;
	text-decoration: none;
}
.breadcrumbs a:hover {
	font-size: 14px;
	color: #069;
	text-decoration: none;
}
/*********************************************
Clearfix
*********************************************/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*********************************************
Contents
*********************************************/
#contents {
	text-align: center;
	height: auto;
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	padding: 0px;
	position: relative;
	z-index: 0;
}
#main {
	height: auto;
	width: 72%;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 10px;
	margin-left: 0%;
	display: inline;
	padding: 0px;
}
#contents .post {
	height: auto;
	width: 96%;
	text-align: left;
	float: left;
	margin-top: 50px;
	margin-right: 0%;
	margin-bottom: 10px;
	margin-left: 0%;
	display: inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	box-shadow: 0px 0px 15px #ccc;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 30px;
	padding-left: 2%;
	position: relative;
	z-index: 0;
	clear: both;
	text-align: justify;
}
#contents .post .datetime-section {
	font-size: 12px;
	color: #999;
	background-image: url(/images/icon/calendar.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	line-height: 18px;
}



#contents .post h1.title {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-left: -15px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6CC;
	font-weight: normal;
	padding: 0px;
	text-indent: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
}


#contents .post h2 {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #069;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#contents .post h2 a:link,
#contents .post h2 a:visited {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #990;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contents .post h2 a:hover {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #CC0;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contents .post h3 {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6CC;
	margin-left: -15px;
	text-indent: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents .post .number {
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #069;
	font-family: "Times New Roman", Times, serif;
}
#contents .post .faq-q {
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #6CC;
	font-family: "Times New Roman", Times, serif;
}
#contents .post .faq-a {
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #d3a400;
	font-family: "Times New Roman", Times, serif;
	margin-left: 15px;
}
#contents .post p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#contents .post .toc {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	position: relative;
	z-index: 0;
}
#contents .post h2.title-toc {
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	color: #069;
	margin: 0px;
	clear: both;
	float: left;
	height: 50px;
	width: 100%;
	background-image: url(/images/icon/toc.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 65px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contents .post h2.title-toc span{
	color:#999;
	font-size: 21px;
	line-height: 24px;
}
#contents .post .toc ol {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contents .post .toc ol li {
	padding: 0px;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;
	font-size: 24px;
	line-height: 21px;
	font-family: "Times New Roman", Times, serif;
	list-style-position: outside;
	color: #069;
}
#contents .post .toc ol li:nth-child(2n-2) {
	margin-right: 0%;
	width: 45%;
}

#contents .post .toc ol li a:link,
#contents .post .toc ol li a:visited {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#contents .post .toc ol li a:hover {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #6cc;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6CC;
}
#contents .post ul.list {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 30px;
	margin-left: 5%;
}

#contents .post ul.list li {
	font-size: 14px;
	line-height: 36px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 97%;
	background-image: url(/images/icon/square-light-blue.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 20px;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#contents .post ul.service-plan {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 30px;
	margin-left: 0%;
	display: inline;
}
#contents .post ul.service-plan li {
	font-size: 14px;
	line-height: 36px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#contents .post ul.service-plan li span {
	font-size: 14px;
	line-height: 21px;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: auto;
	clear: both;
	float: left;
	height: auto;
}

#contents .post ul.service-plan li h3 {
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	float: left;
	height: 30px;
	width: 97%;
	background-image: url(/images/icon/lc-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#contents .post ul.service-plan li ul {
	clear: both;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 30px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#contents .post ul.service-plan li ul li {
	font-size: 14px;
	line-height: 21px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 97%;
	background-image: url(/images/icon/c-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contents .post img {
	padding: 0px;
	height: auto;
	width: 100%;
	width /***/:98%;

　/*IE8のみ適用*/
 clear: both;
	float: left;
	margin: 1%;
	border: 1px solid #CCC;
}
#contents .post img:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#contents .post .box-shadow {
	width:100%;
	height:auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #fff;
	clear: both;
	float: left;
	padding: 0%;
	border: 1px solid #D6D6D6;
}
#contents .post .effect {
	position: relative;
}
#contents .post .effect:before, #page .effect:after {
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	background: #fff;
	-webkit-box-shadow: 0 20px 20px #999;
	-moz-box-shadow: 0 20px 20px #999;
	box-shadow: 0 20px 20px #999;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	z-index: -1;
}
#contents .post .effect:after {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	right: 10px;
	left: auto;
}
/*********************************************
Company
*********************************************/

#contents .post table#company {
	width: 100%;
	text-align: left;
	float: left;
	height: auto;
	clear: both;
	margin-top: 10px;
}


#contents .post table#company tr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#contents .post table#company tr:last-child {
	border: none;
}

#contents .post table#company th {
	margin-bottom: 30px;
	float: left;
}
#contents .post table#company th.left {
	font-size: 14px;
	white-space: nowrap;
	font-weight: normal;
	line-height: 24px;
	vertical-align: top;
	width: 25%;
	margin: 0px;
	padding: 0px;
}
#contents .post table#company th.left h2 {
	font-size: 14px;
	white-space: nowrap;
	font-weight: normal;
	line-height: 24px;
	vertical-align: top;
	width: 25%;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#contents .post table#company th.right {
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	width: 75%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#contents .post #access iframe {
	margin: 1%;
	padding: 0%;
	clear: both;
	float: left;
	height: 420px;
	width: 98%;
	border: 1px solid #CCC;
}
#contents .post #access {
	margin: 0%;
	padding: 1%;
	clear: both;
	float: left;
	height: 420px;
	width: 98%;
	border: 1px solid #CCC;
}

#contents .post #map_canvas {
	margin: 0%;
	padding: 0%;
	clear: both;
	float: left;
	height: 420px;
	width: 100%;
	border: 1px solid #CCC;
	display: inline;
}
#contents .post #map_canvas #overflow {
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	background-image: url(/images/contents/overflow-background.jpg);
	background-repeat: repeat;
	padding: 2px;
	color: #3e3625;
}
#contents .post #map_canvas #overflow h1,
#contents .post #map_canvas #overflow span{
	margin-left:10px;
	text-shadow: 1px 1px 1px rgba(183,174,156,1);

}

#contents .post #access p  {
	clear: both;
	float: left;
	width: 98%;
	background-color: #b1aa97;
	text-align: center;
	height: auto;
	margin: 1%;
	color: #3e3625;
	display: block;
	padding: 0px;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	text-shadow: 1px 1px 1px rgba(183,174,156,1);
	font-size: 24px;
	font-weight: bold;
}
#contents .post #access p:hover  {
	clear: both;
	float: left;
	width: 98%;
	background-color: #524930;
	text-align: center;
	height: auto;
	margin: 1%;
	color: #FFF;
	display: block;
	padding: 0px;
}
#contents .post #access a:link,
#contents .post #access a:visited{
	color: #3e3625;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;

}
#contents .post #access a:hover{
	color: #fff;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;

}
#contents .post .search-section {
	display: inline;
	float: left;
	height: auto;
	width: 100%;
	background-color: #FFF;
	top: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0%;
	padding-bottom: 15px;
	padding-left: 0%;
}
#contents .post .search-section input {
	height: 35px;
	width: 50%;
	float: left;
	background-color: #ebebeb;
	font-size: 14px;
	line-height: 36px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #333;
	box-shadow: inset 0 0 5px #bbbaba;
}
#contents .post .search-section .search-btn {
	height: 35px;
	width: 15%;
	border: 1px solid #069;
	color: #FFF;
	text-align: center;
	background-color: #069;
	font-size: 22px;
	line-height: 10px;
	display: inline;
	position: relative;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	text-shadow: 0px 1px 1px rgba(50, 0, 50, 1);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Times New Roman", Times, serif;
}
#contents .post .search-section .search-btn:hover {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	background-color: #6cc;
	border: 1px solid #069;
	box-shadow: inset 0 0 5px #069;
}
#contents .post .result-stats {
	color: #fff;
	background-color: #9CC;
	clear: both;
	float: left;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom: 5px;
	padding-left: 2%;
	font-size: 14px;
	line-height: 24px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
#contents .post #trackback-field {
	height: auto;
	width: 96%;
	float: left;
	background-color: #ebebeb;
	font-size: 14px;
	line-height: 36px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 3px dotted #B8D3D3;
	color: #333;
	padding: 2%;
	clear: both;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #666;
	box-shadow: inset 0 0 5px #bbbaba;
	font-family: "Times New Roman", Times, serif;
}
#contents #read  ul{
	background-color: #ebebeb;
	padding: 0px;
	float: left;
	height: 80px;
	width: 100%;
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 100;
	font-family: "Times New Roman", Times, serif;
}
#contents #read ul li {
	margin: 0px;
	padding: 0px;
}
#contents #read  li#read-previous{
	background-color: #6CC;
	float: left;
	height: 80px;
	width: 50%;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	padding: 0px;
}
#contents #read  li#read-previous a:link,
#contents #read  li#read-previous a:visited{
	background-color: #6CC;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	height: 40px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents #read li#read-previous a:hover {
	background-color: #333;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	height: 40px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents #read li#read-next {
	background-color: #FF3;
	float: left;
	height: 80px;
	width: 50%;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	padding: 0px;
}
#contents #read li#read-next a:link,
#contents #read li#read-next a:visited {
	background-color: #FF3;
	position: relative;
	z-index: 100;
	color: #333;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents #read li#read-next a:hover {
	background-color: #333;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents #read li#read-home {
	background-color: #FF3;
	float: left;
	height: 80px;
	width: 50%;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	padding: 0px;
}
#contents #read li#read-home a:link,
#contents #read li#read-home a:visited {
	background-color: #FF3;
	position: relative;
	z-index: 100;
	color: #333;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents #read li#read-home a:hover {
	background-color: #333;
	position: relative;
	z-index: 100;
	color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents .contact-section {
	height: 110px;
	width: 96%;
	text-align: left;
	float: left;
	margin-top: 30px;
	margin-right: 0%;
	margin-bottom: 30px;
	margin-left: 0%;
	display: inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0px 0px 15px #ccc ;
	-moz-box-shadow: 0px 0px 15px #ccc ;
	box-shadow: 0px 0px 15px #ccc ;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	background-image: url(/images/contents/cue.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#contents .contact-section h1.title-contact-section {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	line-height: 36px;
	clear: both;
	float: left;
	height: auto;
	width: 70%;
	margin-left: 30%;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 25px;
}
#contents .contact-section p {
	font-size: 14px;
	line-height: 24px;
	clear: both;
	float: left;
	height: auto;
	width: 70%;
	margin-left: 30%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#contents .contact-section .read-more {
	display: inline;
	float: right;
	height: 50px;
	width: 50px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	background-color: #069;
	margin-left: 0%;
	margin-top: -55px;
	margin-right: 0px;
	text-align: center;
	padding: 2px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(100, 100, 100, 0.8);
	box-shadow: inset 0px 0px 5px 0px rgba(100, 100, 100, 0.8);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	margin-bottom: 0px;
	position: relative;
	z-index: 3;
	color: #FFF;
	font-size: 14px;
	line-height: 60px;
	opacity: 0.92;
	-moz-opacity: 0.92;
	filter: alpha(opacity=92);
	-ms-filter: "alpha(opacity=92)";
	background-image: url(/images/icon/arrow-read-more.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}
#contents .contact-section .read-more:hover {
	display: inline;
	float: right;
	height: 50px;
	width: 50px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	background-color: #6CC;
	margin-left: 0%;
	margin-top: -55px;
	margin-right: 0px;
	text-align: center;
	padding: 2px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(100, 100, 100, 0.8);
	box-shadow: inset 0px 0px 5px 0px rgba(100, 100, 100, 0.8);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	margin-bottom: 0px;
	position: relative;
	z-index: 3;
	color: #FFF;
	font-size: 14px;
	line-height: 60px;
	opacity: 0.92;
	-moz-opacity: 0.92;
	filter: alpha(opacity=92);
	-ms-filter: "alpha(opacity=92)";
	background-image: url(/images/icon/arrow-read-more.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}

/*********************************************
Contact
*********************************************/
#contents #page {
	height: auto;
	width: 96%;
	text-align: left;
	float: left;
	margin-top: 50px;
	margin-right: 0%;
	margin-bottom: 10px;
	margin-left: 0%;
	display: inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	box-shadow: 0px 0px 15px #ccc;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 30px;
	padding-left: 2%;
	position: relative;
	z-index: 0;
	clear: both;
	text-align: justify;
}
#contents #page img {
	padding: 0px;
	height: auto;
	width: 100%;
	width /***/:98%;

　/*IE8のみ適用*/
 clear: both;
	float: left;
	margin: 1%;
	border: 1px solid #CCC;
}
#contents #page img:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#contents #page .box-shadow {
	width:100%;
	height:auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #fff;
	clear: both;
	float: left;
	padding: 0%;
	border: 1px solid #D6D6D6;
}
#contents #page .effect {
	position: relative;
}
#contents #page .effect:before, .post .effect:after {
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	background: #fff;
	-webkit-box-shadow: 0 20px 20px #999;
	-moz-box-shadow: 0 20px 20px #999;
	box-shadow: 0 20px 20px #999;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	z-index: -1;
}
#contents #page .effect:after {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	right: 10px;
	left: auto;
}
#contents #page h1.title {
	font-size: 36px;
	line-height: 36px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-left: -15px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6CC;
	font-weight: normal;
	padding: 0px;
	text-indent: 15px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
}
#contents #page h2 {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #069;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#contents #page h3 {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6CC;
	margin-left: -15px;
	text-indent: 15px;
}
#contents #page form.wpcf7-form {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
#contents #page form.wpcf7-form .wpcf7-not-valid-tip-no-ajax {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	color: #F00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contents #page form.wpcf7-form input.wpcf7-text {
	height: 30px;
	width: 48%;
	float: left;
	background-color: #ebebeb;
	font-size: 14px;
	line-height: 24px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
	color: #333;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contents #page form.wpcf7-form label {
	font-size: 14px;
	line-height: 24px;
	clear: both;
	float: left;
	padding: 0px;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#contents #page form.wpcf7-form .label {
	font-size: 14px;
	line-height: 24px;
	float: left;
	padding: 0px;
	width: 100%;
	margin: 0px;
	clear: right;
	height: auto;
}

#contents #page form.wpcf7-form select {
	height: 50px;
	width: 52%;
	float: left;
	background-color: #ebebeb;
	font-size: 14px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 3px dotted #B8D3D3;
	color: #333;
	clear: both;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
	color: #333;
	box-shadow: inset 0 0 5px #bbbaba;
	padding: 2%;
}
#contents #page form.wpcf7-form option {
	font-size: 14px;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	color: #333;
	height: 30px;
	margin: 0px;
	z-index: 0;
	position: relative;
}
#contents #page form.wpcf7-form input {
	height: auto;
	width: 52%;
	float: left;
	background-color: #ebebeb;
	font-size: 14px;
	line-height: 36px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 3px dotted #B8D3D3;
	color: #333;
	padding: 2%;
	clear: both;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #333;
	box-shadow: inset 0 0 5px #bbbaba;
}

#contents #page form.wpcf7-form textarea {
	height: auto;
	width: 75%;
	float: left;
	background-color: #ebebeb;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
	color: #333;
	box-shadow: inset 0 0 5px #bbbaba;
	padding: 10px;
}
#contents #page form.wpcf7-form .wpcf7-submit {
	height: auto;
	width: 25%;
	border: 1px solid #0A6286;
	color: #FFF;
	text-align: center;
	background-color: #2A9BD0;
	font-size: 24px;
	line-height: 24px;
	display: inline;
	position: relative;
	cursor: pointer;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0%;
	text-shadow: 0px 1px 1px rgba(50, 0, 50, 1);
	-moz-box-shadow: 0 0 0 rgba(10, 98, 134, 0.5);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	float: left;
	padding: 2%;
	font-family: "Times New Roman", Times, serif;
	font-weight: 300;
}
#contents #page form.wpcf7-form .wpcf7-submit:hover {
	background-color: #6CC;
	border: 1px solid #069;
	box-shadow: inset 0 0 5px #069;
}
#contents #page form.wpcf7-form .wpcf7-response-output {
	color: #F00;
	padding: 0px;
	clear: both;
	float: left;
	height: 30px;
	width: 70%;
	font-weight: bold;
	margin: 0px;
}
#contents #page ul#sitemap_list {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
}
#contents #page ul#sitemap_list li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: url(/images/icon/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	text-indent: 30px;
}
#contents #page ul#sitemap_list li a:link,
#contents #page ul#sitemap_list li a:visited {
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
#contents #page ul#sitemap_list li a:hover{
	font-size: 18px;
	line-height: 24px;
	color: #6cc;
}
#contents #page ul#sitemap_list li ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: url(/images/icon/square-light-blue.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	text-indent: 25px;
}
#contents #page ul#sitemap_list li ul li a:link,
#contents #page ul#sitemap_list li ul li a:visited {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
#contents #page ul#sitemap_list li ul li a:hover{
	font-size: 14px;
	line-height: 24px;
	color: #6cc;
}
/*----------------------------------------------------------------------
Masonry
----------------------------------------------------------------------*/

.motionContainer.masonry,
.motionContainer.masonry .masonry-brick {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.motionContainer.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.motionContainer.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/* disable transitions on container */
.motionContainer.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
#contents #list-section {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
#contents #list-section h1.title {
	font-size: 60px;
	padding: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	float: left;
	height: 50px;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
#contents #list-section ul.modules {
	padding: 0px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
#contents #list-section ul.modules:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#contents #list-section ul.modules li {
	width: auto;
	float: left;
	padding: 0;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	list-style-type: none;
	display: block;
	height: auto;
	margin: 0px;
}
#contents #list-section ul.modules li.list {
	width: 48%;
	float: left;
	padding: 0;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	list-style-type: none;
	display: block;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #333;
	height: auto;
}
#contents #list-section ul.modules li h2.title {
	font-size: 18px;
	line-height: 24px;
	color: #069;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #6CC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: 300;
}
#contents #list-section ul.modules li p {
	font-size: 14px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #333;
}
#contents #list-section ul.modules span {
	font-family: "FFF Tusj";
	font-size: 250%;
	line-height: 30px;
	color: #999;
}

#contents #list-section ul.modules li img {

  	width: 100%;
	height:auto;
}
#contents #list-section ul.modules li img:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
#contents #list-section ul.modules li p.caption {
  padding: 0 10px 10px;
}
#contents #list-section ul.modules li .read-more {
	background-color: #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
}
#contents #list-section ul.modules li .read-more a:link,
#contents #list-section ul.modules li .read-more a:visited{
	background-color: #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	display: block;
	color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#contents #list-section ul.modules li .read-more a:hover {
	background-color: #6CC;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	display: block;
	color: #FFF;
}
/*********************************************
Share
*********************************************/
.facebook {
	margin-top: 20px;
	margin-bottom: 30px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.facebook-side {
	width: 100%;
	margin-left: 0%;
	height: auto;
	margin-top: 15px;
	margin-right: 0%;
	margin-bottom: 10px;
	padding: 0px;
	float: right;
	float: left;
	display: inline;
}

.fb-comments,
.fb-comments iframe[style],
.fb-comments span[style],
.fb-like-box,
.fb-like-box iframe[style],
.fb-like-box span[style]{
	width:100% !important;
	float:left !important;
}
#like {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.share {
	text-align: left;
	float: left;
	height: auto;
	width: 100%;
	display: inline;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.share img {
	height: auto;
	width: auto;
	border:none;
}
.share img a{
	height: auto;
	width: auto;
	border:none;
}
.share ul.social-bookmark {
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.share ul.social-bookmark li {
	padding: 0px;
	float: left;
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.share ul.social-bookmark li img{
	border:none;
}
/*********************************************
Pager
*********************************************/


#pager{
	display: block;
	width: 96%;
	height: 60px;
	line-height: 60px;
	clear: both;
	margin-top: 10pt;
	margin-right: 0pt;
	margin-bottom: -78px;
	margin-left: 0pt;
	padding-top: 5px;
	float: left;
	position: relative;
	z-index: -200;
	padding-right: 2%;
	padding-bottom: 5px;
	padding-left: 2%;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-webkit-box-shadow: 0px -8px 15px #ccc;
	-moz-box-shadow: 0px -8px 15px #ccc;
	box-shadow: 0px -8px 15px #ccc;
	background-color: #fff;
	text-align: left;
}

#pager span.pages {
	display: inline;
	font-size: 14px;
	padding-top: 0pt;
	padding-right: 10px;
	padding-bottom: 0pt;
	padding-left: 0pt;
	color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 25px;
}
#pager span.extend {
	display: inline;
	font-size: 14px;
	padding-top: 0pt;
	padding-right: 10px;
	padding-bottom: 0pt;
	padding-left: 0pt;
	color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 25px;
}


#pager a:link {
	text-shadow: #111111;
	color: #6CC;
	font-size: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#pager a:visited{
	text-shadow: #111111;
	color: #CCC;
	font-size: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#pager a:hover {
	text-shadow: #000000;
	color: #069;
	font-size: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#pager a:active {
	text-shadow: #111111;
	color: #333;
	font-size: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#pager span.current  {
	text-shadow: #111111;
	color: #333;
	font-size: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


#pager .wp-pagenavi {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}

#pager .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#pager .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#pager .wp-pagenavi span.current {
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*********************************************
Side
*********************************************/
#side {
	height: auto;
	width: 25%;
	text-align: left;
	margin-top: 50px;
	margin-right: 0%;
	margin-bottom: 10px;
	margin-left: 3%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	float: left;
	*float: right;
	display: inline;
}
#side .side-column {
	height: auto;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 30px;
	margin-left: 0%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 0px 0px 15px;
	-moz-box-shadow: #ccc 0px 0px 15px;
	box-shadow: #ccc 0px 0px 15px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 0%;
	padding-bottom: 20px;
	padding-left: 0%;
	float: left;
	display: inline;
}
#side .side-column h2.side-title-light-green {
	font-family: "Quicksand Light Oblique";
	font-size: 21px;
	line-height: 30px;
	color: #FFF;
	background-color: #6CC;
	float: left;
	height: auto;
	width: 100%;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0%;
	padding-top: 5px;
	padding-right: 0%;
	padding-bottom: 5px;
	padding-left: 0%;
	display: inline;
	text-indent: 10px;
	font-weight: normal;
}
#side .side-column h2.side-title-red {
	font-family: "Quicksand Light";
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #FFF;
	background-color: #d31048;
	float: left;
	height: auto;
	width: 100%;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0%;
	padding-top: 5px;
	padding-right: 0%;
	padding-bottom: 5px;
	padding-left: 0%;
	display: inline;
	text-indent: 10px;
}
#side .side-column h2.side-title-other {
	font-family: "Quicksand Light";
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	color: #FFF;
	background-color: #9CC;
	float: left;
	height: auto;
	width: 100%;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0%;
	display: inline;
	text-indent: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#side .side-column h3 {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: normal;
	display: inline;
}
#side .side-column ul#side-news-section {
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#side .side-column ul#side-news-section li {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;

}
#side .side-column ul#side-news-section li:hover {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	background-color:#ebebeb;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	box-shadow: inset 0 0 10px #ccc;
}

#side .side-column ul#side-news-section li a:link,
#side .side-column ul#side-news-section li a:visited {
	color: #333;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#side .side-column ul#side-news-section li a:hover {
	color: #666;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#side .side-column ul#side-news-section li.view-the-list {
	background-color:#D6D6D6;
	font-size: 14px;
	line-height: 18px;
	text-align:center;
	float: right;
	height: 30px;
	width: 50%;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: -20px;
	margin-left: 0px;
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	color:#333;
}
#side .side-column ul#side-news-section li.view-the-list:hover {
	background-color:#ccc;
	color:#333;
	box-shadow: none;
}

#side .side-column ul#side-news-section li time {
	font-size: 12px;
	line-height: 18px;
	color: #C90;
	margin-left: 2%;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	display: inline;
}
#side .side-column ul#side-service-section {
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#side .side-column ul#side-service-section li {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(/images/icon/c-icon.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	text-indent: 25px;
}
#side .side-column ul#side-service-section li:hover {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	background-color:#ebebeb;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	box-shadow: inset 0 0 10px #ccc;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#side .side-column ul#side-service-section li a:link,
#side .side-column ul#side-service-section li a:visited {
	color: #333;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#side .side-column ul#side-service-section li a:hover {
	color: #333;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#side .side-column ul.side-other-section {
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#side .side-column ul.side-other-section li {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(/images/icon/c-icon.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	text-indent: 25px;
}
#side .side-column ul.side-other-section li:hover {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	background-color:#ebebeb;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	box-shadow: inset 0 0 10px #ccc;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#side .side-column ul.side-other-section li a:link,
#side .side-column ul.side-other-section li a:visited {
	color: #333;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#side .side-column ul.side-other-section li a:hover {
	color: #333;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}



#side .side-column ul.side-image-nav {
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#side .side-column ul.side-image-nav img{
	width:100%;
	margin: 0px;
	padding: 0px;
}
#side .side-column ul.side-image-nav li {
	list-style-type: none;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#side .side-column ul.side-image-nav li:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}


/*********************************************
Toppage
*********************************************/
#concept-section {
	height: auto;
	width: 100%;
	margin-top: -10px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	text-align: center;
	padding-top: 50px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	background-image: url(/images/contents/concept-background.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	clear: both;
	float: left;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	position: relative;
	z-index: 0;	
}
#concept-section .concept-left{
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	width: auto;
	clear: both;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: left;
	margin-left: 8%;
}
#concept-section .concept-left h3,
#concept-section .concept-right h3 {
	font-size: 24px;
	width: auto;
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0px;
	line-height: 30px;
	padding: 0px;
}
#concept-section .concept-left p,
#concept-section .concept-right p {
	font-size: 24px;
	width: auto;
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0 0 0 30px ;
	line-height: 30px;
	padding: 0px;
}
#concept-section .concept-right {
	-webkit-transform: rotate(12deg);
	-moz-transform: rotate(12deg);
	width: auto;
	clear: both;
	float: right;
	margin-top: -200px;
	*margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
	margin-right: 8%;
}
#concept-section .concept-center {
	width: 80%;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#concept-section .concept-center h2 {
	font-size: 30px;
	width: auto;
	clear: both;
	list-style-type: none;
	margin: 0px;
	line-height: 36px;
	padding: 0px;
}
#concept-section .concept-center p {
	font-size: 24px;
	width: auto;
	clear: both;
	list-style-type: none;
	margin: 0px;
	line-height: 30px;
	padding: 0px;
}
#service-section {
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	text-align: center;
	padding-top: 30px;
	padding-right: 0%;
	padding-bottom: 30px;
	padding-left: 0%;
	background-image: url(/images/contents/service-background.png);
	background-repeat: repeat;
	clear: both;
	float: left;
	color: #FFF;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}
#service-section .service-title {
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 30px;
	margin-left: 10%;
	clear: both;
	width: 80%;
	display: inline;
	text-align: left;
}
#service-section h1 {
	font-size: 42px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	line-height: 42px;
}
#service-section h2 {
	font-size: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	line-height: 36px;
	font-weight: normal;
}
#service-section #service-area {
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	padding-top: 0px;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-left: 10%;
	background-image: url(/images/contents/service-background-image.png);
	background-repeat: no-repeat;
	background-position: 92% 75%;
	float: left;
}
#service-section ul.service-nav {
	padding: 0px;
	float: left;
	width: 31%;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 2%;
	height: 180px;
}
#service-section ul.service-nav:first-child {
	padding: 0px;
	margin: 0px;
}
#service-section ul.service-nav:nth-child(4) {
	padding: 0px;
	margin: 0px;
}


#service-section ul.service-nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
}
#service-section ul.service-nav li h3 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 24px;
	line-height: 24px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F90;
	text-indent: 10px;
	font-weight: normal;
}
#service-section ul.service-nav li ul{
	padding: 0px;
	width: auto;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	float: left;
}
#service-section ul.service-nav li ul li{
	margin: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
	clear: both;
	float: left;
	width: 100%;
	background-image: url(/images/icon/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#service-section a:link,
#service-section a:visited {
	color: #FFF;
	text-decoration: none;
}

#service-section a:hover{
	color: #6CC;
	text-decoration: none;
}
#actual-result-section {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	text-align: center;
	padding-top: 30px;
	padding-right: 0%;
	padding-bottom: 30px;
	padding-left: 0%;
	background-image: url(/images/contents/actual-result-background.png);
	background-repeat: repeat;
	clear: both;
	float: left;
	color: #FFF;
	position: relative;
	z-index: -2;
}
#actual-result-section .actual-result-title {
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 30px;
	margin-left: 10%;
	clear: both;
	width: 80%;
	display: inline;
	text-align: left;
	text-shadow: 0px 1px 1px rgba(26, 75, 75, 1);
}
#actual-result-section h1 {
	font-size: 42px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 100%;
	line-height: 42px;
}
#actual-result-section h2 {
	font-size: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	line-height: 36px;
	width: 100%;
	font-weight: normal;
}
#actual-result-section #actual-result-area {
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	padding-top: 0px;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-left: 10%;
	float: left;
}

#actual-result-section ul.actual-result-nav {
	padding: 0px;
	float: left;
	width: 30%;
	text-align: left;
	margin-top: 0px;
	margin-right: 5%;
	margin-right: 3%\9;
	margin-bottom: 50px;
	margin-left: 0%;
	height: auto;
}
#actual-result-section ul.actual-result-nav:last-child {
	margin-right: 0%;
}
#actual-result-section ul.actual-result-nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
	height: auto;
	width: 100%;
}
#actual-result-section ul.actual-result-nav li.excerpt {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
	height: auto;
	width: 100%;
	text-shadow: 0px 1px 1px rgba(26, 75, 75, 1);

}
#actual-result-section ul.actual-result-nav li.read-more a:link,
#actual-result-section ul.actual-result-nav li.read-more a:visited {
	background-color: #6cc;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	color: #FFF;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 300;
}
#actual-result-section ul.actual-result-nav li.read-more a:hover {
	background-color: #F90;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	color: #FFF;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}


#actual-result-section ul.actual-result-nav li h3 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #066;
}
#actual-result-section ul.actual-result-nav li h3 a:link,
#actual-result-section ul.actual-result-nav li h3 a:visited {
	color: #066;
	text-decoration: none;
}
#actual-result-section ul.actual-result-nav li h3 a:hover {
	color: #F90;
	text-decoration: none;
}
#actual-result-section ul.actual-result-nav li ul{
	padding: 0px;
	width: auto;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	height: auto;
	float: left;
}
#actual-result-section ul.actual-result-nav li ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	font-size: 14px;
	line-height: 24px;
	clear: both;
	float: left;
	width: auto;

}
#actual-result-section img {
	padding: 0px;
	height: auto;
	width: 100%;
	width /***/:98%;
　/*IE8のみ適用*/
	clear: both;
	float: left;
	margin: 1%;
	border: 1px solid #CCC;
}
#actual-result-section img:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
#actual-result-section .box-shadow {
	width:100%;
	height:auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	float: left;
	padding: 0%;
	background-image: url(/images/box-shadow.png);
	background-repeat: repeat;
	border: 1px solid #D6D6D6;
}
#actual-result-section .effect {
	position: relative;
}
#actual-result-section .effect:before,
#actual-result-section .effect:after {
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 90%;
	top: 80%;
	-webkit-box-shadow: 0 20px 20px #066;
	-moz-box-shadow: 0 20px 20px #066;
	box-shadow: 0 20px 20px #066;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	z-index: -1;

}
#actual-result-section .effect:after {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	right: 10px;
	left: auto;

}
#actual-result-section a:link,
#actual-result-section a:visited {
	color: #fff;
	text-decoration: none;
}

#actual-result-section a:hover{
	color: #FC0;
	text-decoration: none;
}
#blog-section {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	text-align: center;
	padding-top: 30px;
	padding-right: 0%;
	padding-bottom: 30px;
	padding-left: 0%;
	background-image: url(/images/contents/blog-background.png);
	background-repeat: repeat;
	clear: both;
	float: left;
	color: #333;
	position: relative;
	z-index: -2;
	background-position: 0px 0px;
}
#blog-section .blog-parallax-arrow {
	height: 100%;
	width: 100%;
	background-image: url(/images/contents/blog-parallax-arrow.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	position: relative;
	z-index: 0;
	background-position: right 0px;
	background-attachment: fixed;
}
#blog-section .blog-title {
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 30px;
	margin-left: 10%;
	clear: both;
	width: 80%;
	display: inline;
	text-align: left;
	text-shadow: 0px 1px 1px rgba(229, 229, 229, 1);
}
#blog-section h1 {
	font-size: 42px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 100%;
	line-height: 42px;
}
#blog-section h2 {
	font-size: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	line-height: 36px;
	width: 100%;
	font-weight: normal;
}
#blog-section #blog-area {
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	padding-top: 0px;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-left: 10%;
	float: left;
}
#blog-section ul.blog-nav {
	padding: 0px;
	float: left;
	width: 30%;
	text-align: left;
	margin-top: 0px;
	margin-right: 5%;
	margin-right: 3%\9;
	margin-bottom: 50px;
	margin-left: 0%;
	height: auto;
}
#blog-section ul.blog-nav:last-child {
	margin-right: 0%;
}
#blog-section ul.blog-nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
	height: auto;
	width: 100%;
}
#blog-section ul.blog-nav li .datetime-section{
	color:#F90;
	}
#blog-section ul.blog-nav li.excerpt {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
	height: auto;
	width: 100%;
 text-align: justify;

}
#blog-section ul.blog-nav li.read-more a:link,
#blog-section ul.blog-nav li.read-more a:visited {
	background-color: #6cc;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	color: #FFF;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 300;
}
#blog-section ul.blog-nav li.read-more a:hover {
	background-color: #F90;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	color: #FFF;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}


#blog-section ul.blog-nav li h3 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #066;
	text-shadow: 0px 1px 1px rgba(229, 229, 229, 1);
}
#blog-section li h3 a:link,
#blog-section li h3 a:visited {
	color: #066;
	text-decoration: none;
}
#blog-section li h3 a:hover {
	color: #F90;
	text-decoration: none;
}
#blog-section ul.blog-nav li ul{
	padding: 0px;
	width: auto;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	height: auto;
	float: left;
}
#blog-section ul.blog-nav li ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	font-size: 14px;
	line-height: 24px;
	clear: both;
	float: left;
	width: auto;

}
#blog-section img {
	padding: 0px;
	height: auto;
	width: 100%;
	width /***/:98%;
　/*IE8のみ適用*/
	clear: both;
	float: left;
	margin: 1%;
	border: 1px solid #CCC;
}
#blog-section img:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
#blog-section .box-shadow {
	width:100%;
	height:auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #fff;
	clear: both;
	float: left;
	padding: 0%;
	background-image: url(/images/body.png);
	background-repeat: repeat;
	border: 1px solid #D6D6D6;
}
#blog-section .effect {
	position: relative;
}
#blog-section .effect:before,
#blog-section .effect:after {
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 90%;
	top: 80%;
	-webkit-box-shadow: 0 20px 20px #79a7ad;
	-moz-box-shadow: 0 20px 20px #79a7ad;
	box-shadow: 0 20px 20px #79a7ad;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	z-index: -1;

}
#blog-section .effect:after {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	right: 10px;
	left: auto;

}
#blog-section a:link,
#blog-section a:visited {
	color: #333;
	text-decoration: none;
}

#blog-section a:hover{
	color: #6CC;
	text-decoration: none;
}
#news-section {
	height: auto;
	width: 100%;
	margin-top: 80px;
	margin-right: 0%;
	margin-bottom: 80px;
	margin-left: 0%;
	text-align: center;
	padding-top: 15px;
	padding-right: 0%;
	padding-bottom: 15px;
	padding-left: 0%;
	clear: both;
	float: left;
	color: #333;
}
#news-section .news-title {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	clear: both;
	width: 80%;
	display: inline;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #6CC;
}
#news-section h1 {
	font-size: 36px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: -3px;
	margin-left: 0px;
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #09F;
	font-family: "Times New Roman", Times, serif;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 50px;
}
#news-section h2 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 24px;
}
#news-section h2 #read-more{
	color: #FFF;
	text-decoration: none;
	background-color: #9CC;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 2%;
	text-shadow: 0 0 0;
	height: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	display: block;
	width: auto;
	position: relative;
	right: 0px;
	top: 0px;
	text-align: center;
	float: right;
}
#news-section h2 #read-more:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #F90;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 2%;
	text-shadow: 0 0 0;
	height: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	display: block;
	width: auto;
	position: relative;
	right: 0px;
	top: 0px;
	text-align: center;
	float: right;
}
#news-section #news-area {
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	padding-top: 0px;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-left: 10%;
	float: left;
}
#news-section ul.news-nav {
	padding: 0px;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	clear: both;
}
#news-section ul.news-nav li {
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#news-section ul.news-nav li .category-news {
	list-style-type: none;
	font-size: 14px;
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #6392c1;
	height: 18px;
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 0px;
	line-height: 18px;
	display: inline;
	text-transform: capitalize;
}
#news-section ul.news-nav li .category-service {
	list-style-type: none;
	font-size: 14px;
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #d86868;
	height: 18px;
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 0px;
	line-height: 18px;
	display: inline;
	text-transform: capitalize;
}
#news-section ul.news-nav li .category-blog,
#news-section ul.news-nav li .category-designer,
#news-section ul.news-nav li .category-listing-planner,
#news-section ul.news-nav li .category-listing-president {
	list-style-type: none;
	font-size: 14px;
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #C69;
	height: 18px;
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 0px;
	line-height: 18px;
	display: inline;
	text-transform: capitalize;
}
#news-section ul.news-nav li .category-company {
	list-style-type: none;
	font-size: 14px;
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #e98127;
	height: 18px;
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 0px;
	line-height: 18px;
	display: inline;
	text-transform: capitalize;
}
#news-section ul.news-nav li .category-information {
	list-style-type: none;
	font-size: 14px;
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #609b21;
	height: 18px;
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 0px;
	line-height: 18px;
	display: inline;
	text-transform: capitalize;
}
#news-section ul.news-nav li .category-actual-result {
	list-style-type: none;
	font-size: 14px;
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #3bc0bb;
	height: 18px;
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 0px;
	line-height: 18px;
	display: inline;
	text-transform: capitalize;
}
#news-section ul.news-nav li .datetime-section {
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	line-height: 24px;
	float: left;
	color: #069;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	width: auto;
}
#news-section ul.news-nav li .post-title {
	padding: 0px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	width: auto;
}

#news-section a:link,
#news-section a:visited {
	color: #000;
	text-decoration: none;
	float: left;
	width: auto;
}


#news-section a:hover{
	color: #069;
	text-decoration: none;
}
#facebook-like-section {
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-right: 0%;
	margin-bottom: 30px;
	margin-left: 0%;
	text-align: center;
	padding-top: 15px;
	padding-right: 0%;
	padding-bottom: 15px;
	padding-left: 0%;
	clear: both;
	float: left;
	color: #333;
}
/*=========================================================
footer
=========================================================*/
#footer {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	float: left;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: url(/images/footer/background.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#footer span {
	line-height: 20px;
}
#footer small {
	text-align: left;
	padding: 0px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
	color: #6CC;
	clear: both;
	width: 80%;
	float: left;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
#footer h3 {
	font-size: 21px;
	text-align: left;
	float: left;
	background-image: url(/images/icon/lc-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 97%;
	color: #fff;
	line-height: 26px;
	font-family: "Times New Roman", Times, serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: -30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#footer h3 a:hover {
	text-align: left;
	color: #F90;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}
#footer #footer-section {
	width: 80%;
	text-align: center;
	clear: both;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10%;
	padding-bottom: 0;
	padding-left: 10%;
}

#footer .footer-nav-area {
	height: auto;
	width: 30%;
	padding: 0px;
	text-align: left;
	margin: 0 3% 0 0;
	float: left;
}
#footer .footer-nav-area ul.footer-nav {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	clear: both;
}
#footer .footer-nav-area ul.footer-nav li {
	text-align: left;
	float: left;
	display: inline;
	clear: both;
	width: 96%;
	height: auto;
	color: #fff;
	padding: 0%;
	margin: 0 0 10px 0;
	text-decoration: none;
	font-size: 14px;
}
#footer .footer-nav-area ul.footer-nav li a:link,
#footer .footer-nav-area ul.footer-nav li a:visited {
	display: inline;
	clear: both;
	width: 96%;
	height: auto;
	color: #FFF;
	margin: 0px;
	text-decoration: none;
	background-image: url(/images/icon/square-light-blue.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0%;
	padding-right: 2%;
	padding-bottom: 0%;
	padding-left: 20px;
}

#footer .footer-nav-area ul.footer-nav li a:hover {
	color: #6CC;
	text-decoration: none;
	clear: both;
	width: 96%;
	height: auto;
	margin: 0px;
	background-image: url(/images/icon/square-red.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0%;
	padding-right: 2%;
	padding-bottom: 0%;
	padding-left: 20px;
}


#footer #totop a:link{
	float: right;
	height: 60px;
	width: 60px;
	background-image: url(/images/footer/pagetop.png);
	background-repeat: no-repeat;
	position: fixed;
	right: 20px;
	bottom: 410px;
	overflow: hidden;
	text-indent: -10000px;
	z-index: 100000;
	display: block;
}
#footer #totop:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
#footer .footer-partner-section {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	float: left;
}
#footer .footer-partner-section ul#partner {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	/* width: 100%; */
}
#footer .footer-partner-section ul#partner li {
	padding: 0px;
	float: left;
	height: auto;
	width: 80px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer .footer-partner-section ul#partner li img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 80px;
	list-style-type: none;
}
#footer .footer-partner-section ul#partner li img:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
#footer .footer-partner-section ul#inhouse_site {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
}
#footer .footer-partner-section ul#inhouse_site li {
	padding: 0px;
	height: auto;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
	display: inline;
}
#footer .footer-partner-section ul#inhouse_site li img {
	margin: 0px;
	padding: 0px;
	height: auto;
	list-style-type: none;
	width: 200px;
}
#footer .footer-partner-section ul#inhouse_site li img:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
@media screen and (max-width:767px) {
	#footer .footer-partner-section ul#inhouse_site {
		margin-top: 1em;
		text-align: left;
	}
}





/* 2016.04.15 ad-page */

h1.ad_title {

	font-size: 24px;
	line-height: 30px;
	color: #333;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-left: -15px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6CC;
	font-weight: normal;
	padding: 0px;
	text-indent: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;

}

.ad_header {
	
	margin-bottom:1em;

}


.ad_head_title {
	
	border-bottom:5px solid #999;
	font-weight:bold;

}



.ad_header_info {
	
	text-align:right;

}

.ad_header_info a:before {
	
	content:url("https://web.archive.org/web/20240517104059im_/http://cueinc.co.jp/images/ad_mail_icon2.png");
	vertical-align:middle;
	margin-right:5px;

}


.ad_header_info a {
	
	padding:10px;
	color:#FFF;
	font-weight:bold;
	border-radius:10px;


	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	border-radius:10px;



}

.ad_header_info a:hover {
	
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #1e5799 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}






.ad_cont {
	
	padding:15px;

}

.ad_cont h2 {
	
	font-size:24px !important;
	font-weight:bold !important;
	text-align:center;
	color:#333 !important;

}
/*
.ad_cont .ad_cont_title:after {

    content: "";
    display: block;
    clear: both;

}
*/

.ad_cont .ad_cont_title {

	position:relative;
	border-bottom:1px solid #999;

}

.ad_cont .ad_cont_title a.ad_title_link {

	display:block;
	width:100%;
	font-size:1.1em;

}

.ad_cont .ad_cont_title_mark {
	
	position:absolute;
	top:0;
	right:0;
	font-weight:bold;

}

.ad_cont .ad_cont_title_mark a {
	
	color:#333;

}

.ad_cont .ad_cont_head {
	
	border-bottom:5px double #66CCCC;
	display:inline-block;
	padding-bottom:5px;

}

.ad_cont .ad_cont_footer {
	
	text-align:right;

}

.ad_cont_box h3.title_1 a.ad_title_link:before { content:"1."; }
.ad_cont_box h3.title_2 a.ad_title_link:before { content:"2."; }
.ad_cont_box h3.title_3 a.ad_title_link:before { content:"3."; }
.ad_cont_box h3.title_4 a.ad_title_link:before { content:"4."; }

.ad-main {
	
	display:block !important;
	margin:0 auto !important;
	float:none !important;

}

/* 2016.05.10 guideline-page */

.guideline_cont {
	
	padding:0px 15px;
	border:1px solid #888;
	border-radius:15px;

}

.guideline_cont_sec {
	
	margin-bottom:2em;

}

.guideline_cont_title {
	
	font-size:1.2em !important;
	border-bottom:2px solid #069;
	margin-bottom:5px !important;

}
.g_c_title1:before { content:'１.'; }
.g_c_title2:before { content:'２.'; }
.g_c_title3:before { content:'３.'; }
.g_c_title4:before { content:'４.'; }
.g_c_title5:before { content:'５.'; }
.g_c_title6:before { content:'６.'; }

.guideline_cont_ul,
.guideline_exe_ul {
	
	padding-left:30px !important;

}
	
	
.guideline_exe_p {
	
	margin-top:0;
	font-style:italic;
	font-size:13px;
	line-height:1.4em;
	color:#888;


}

.guideline_exe_ul {
	
	list-style-type:none;

}

.gudline_footer {

	width:100%;
	text-align:right;

}

.guideline_cont_table {
	
	border:2px solid #999 !important;

}

.guideline_cont_tableth,
.guideline_cont_tabletd {

	padding:0 10px;

}

.guideline_cont_tableth {

	border:1px solid #999;

}

.guideline_cont_tabletd {

	border:1px solid #999;

}

.guideline_cont_tableth {
	
	background-color:#F5F5EF;
	color:#333;

}

.guideline_cont_tableth {
	
	width:180px;

}

@media (max-width: 414px) {

.guideline_cont_tableth {
	

	max-width:100px;

}

}

.guideline_cont_tableol,
.guideline_cont_tablep {
	
	margin:10px 0;

}

.guideline_cont_tableol {
	
	padding-left:20px;

}
/*
     FILE ARCHIVED ON 10:40:59 May 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:00:32 May 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.682
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.05
  esindex: 0.008
  cdx.remote: 18.326
  LoadShardBlock: 382.469 (3)
  PetaboxLoader3.datanode: 259.775 (5)
  PetaboxLoader3.resolve: 518.144 (2)
  load_resource: 763.915
  loaddict: 183.743
*/