/*
Theme Name: Creator's NEXT
Theme URI: http://www.spoool.co.jp/
Author: 株式会社スプール
Author URI: http://www.spoool.co.jp/
Description: 株式会社クリエイターズネクスト コーポレートサイト用テーマ
Version: 1.0
License: GNU General Public License
License URI:
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 35px;
	font-size: 1.6rem;
	line-height: 2;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {clear: both;}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {margin-bottom: 1.5em;}
ul {list-style: disc;}
ol {list-style: decimal;}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
b, strong {font-weight: bold;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {bottom: 1ex;}
sub {top: .5ex;}
small {font-size: 75%;}
big {font-size: 125%;}
figure {margin: 0;}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {font-weight: bold;}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.12em 1.5em 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {color: royalblue;}
a:visited {color: purple;}
a:hover,
a:focus,
a:active {color: midnightblue;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* =ボタン用CSSを追加しました　窪田望2013/06/25
----------------------------------------------- */

.css_btn_class {
	font-size:28px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	padding:2px 76px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528009;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
 	-moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
 	box-shadow:inset 1px 1px 0px 0px #a4e271;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77a809), color-stop(100%, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	background:-ms-linear-gradient( top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/* =Menu
----------------------------------------------- */
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 1.5em;
	left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul ul li {}
.main-navigation li:hover > a {}
.main-navigation ul ul :hover > a {}
.main-navigation ul ul a:hover {}
.main-navigation ul li:hover > ul {display: block;}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {cursor: pointer;}
.main-small-navigation .menu {display: none;}

/* =Content
----------------------------------------------- */
.sticky {}
.hentry {margin: 0 0 1.5em;}
.entry-meta {clear: both;}
.byline {display: none;}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {margin: 1.5em 0 0;}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {display: none;}

/* =Media
----------------------------------------------- */
.site-header img,
.entry-content img,
.comment-content img,
.widget img {max-width: 100%;}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {height: auto;}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {margin-bottom: 1.5em;}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {text-align: center;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.site-content .gallery {margin-bottom: 1.5em;}
.gallery-caption {}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {margin: 0;}
.site-content .gallery-columns-4 .gallery-item {}
.site-content .gallery-columns-4 .gallery-item img {}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =Navigation
----------------------------------------------- */
.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: right;
	width: 50%;
}
.site-content .nav-next {
	float: left;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */
.bypostauthor {}

/* =Widgets
----------------------------------------------- */
.widget {margin: 0 0 1.5em;}

/* Search widget */
#searchsubmit {display: none;}



/*-------------------------------------------------------
	Common Custom
-------------------------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Helvetica,Arial,Sans-Serif;
	background: #FFF;
	color: #333;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {outline: none;}
a:link {color: #288822; text-decoration: underline;}
a:visited {color: #288822; text-decoration: underline;}
a:hover {color: #c30b0b; text-decoration: none;}

img {border: none;}
a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

p {
	display: block;
	padding: 0;
	font-size: 110%;
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0 5px;
}
.wrap:after {
	content: "";
	display: block;
	clear: both;
}
blockquote {
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 3px;
	margin: 0;
	padding: 10px;
}

/* Common Content  */
ul {
	margin: 20px 0;
	padding: 0 0 0 25px;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
th,
td {
	border: 1px solid #DDD;
	padding: 10px;
}
th {
	background: #EEE;
	white-space: nowrap;
}
b,
strong {color: #8A0505}
h1,
h2,
h3 {
	border-bottom: 1px solid #288822;
	border-left: 8px solid #288822;
	padding-left: 5px;
	padding-bottom: 3px;
}
a[target="_blank"]{
   background: url(img/arrow.gif) center right no-repeat;
   padding-right: 15px;
}


/*-------------------------------------------------------
	Header
-------------------------------------------------------*/
#header {
	width: 100%;
}
#header .line {
	background: #288822;
	width: 100%;
	height: 5px;
}
#header h1.header-logo {
	position: relative;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	border: none;
}
#header h1.header-logo a img:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#header h1.header-logo:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#header h1.header-logo .anniversary {
	position: absolute;
	top: 2px;
	right: -35px;
}
#header .main-title {padding: 0 0 13px 10px;}
#header .header-contact {
	position: relative;
	float: right;
	height: 110px;
	width: 400px;
}
#header .font-size {
	position: absolute;
	top: 0;
	right: 0;
	background: #F5F4F4;
	border: 1px solid #288822;
	border-top: none;
	border-radius: 0  0 5px 5px;
	width: 200px;
	height: 30px;
	padding: 5px 0 0 8px;
}
ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	padding: 0;
	margin: 0 0 10px 0;
}
ul#fontSize img {
	float: left;
	margin: 0 6px 0 0;
}
ul#fontSize:after {
	content: "";
	display: block;
	clear: both;
}
ul#fontSize li {
	list-style: none;
	background-color: #ccc;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	width: 22px;
	height: 20px;
}
ul#fontSize li:hover {
	background-color: #eee;
}
ul#fontSize li.active {
	background-color: #000;
}
ul#fontSize li.active:hover {
	background-color: #999;
}
ul#fontSize .s_size {background: url(img/text-size_s_off.gif) no-repeat;}
ul#fontSize .m_size {background: url(img/text-size_m_off.gif) no-repeat;}
ul#fontSize .l_size {background: url(img/text-size_l_off.gif) no-repeat;}
ul#fontSize .s_size.active {background: url(img/text-size_s_on.gif) no-repeat !important;}
ul#fontSize .m_size.active {background: url(img/text-size_m_on.gif) no-repeat !important;}
ul#fontSize .l_size.active {background: url(img/text-size_l_on.gif) no-repeat !important;}
#header .mail-phone {
	position: absolute;
	bottom: 0;
	right: 0;
}
#header .mail-phone img {
	margin: 0 0 0 20px;
}


/*-------------------------------------------------------
	Nav
-------------------------------------------------------*/
#nav {border-bottom: 3px solid #288822;}
#nav:after {
	content: "";
	display: block;
	clear: both;
}
#nav ul,
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {float: left;}
#nav li a {
	display: block;
	overflow: hidden;
	width: 171px;
	height: 54px;
	text-indent: 100%;
	white-space: nowrap;
}
#nav li:last-child a {width: 152px;}
#nav li.nav1,
#nav li.nav2 {
	background: url(img/sp_nav.gif) no-repeat;
	width: 171px;
	height: 55px;
}
#nav li.nav3,
#nav li.nav4,
#nav li.nav5,
#nav li.nav6 {
	background: url(img/sp_nav.gif) no-repeat;
	width: 152px;
	height: 40px;
	margin: 15px 0 0 0;
}
#nav li.nav1 {background-position: 0 0;}
#nav li.nav2 {background-position: -171px 0;}
#nav li.nav3 {background-position: -342px -15px;}
#nav li.nav4 {background-position: -494px -15px;}
#nav li.nav5 {background-position: -646px -15px;}
#nav li.nav6 {background-position: -798px -15px;}
#nav li.nav1:hover {background-position: 0px -55px;}
#nav li.nav2:hover {background-position: -171px -55px;}
#nav li.nav3:hover {background-position: -342px -70px;}
#nav li.nav4:hover {background-position: -494px -70px;}
#nav li.nav5:hover {background-position: -646px -70px;}
#nav li.nav6:hover {background-position: -798px -70px;}


/*-------------------------------------------------------
	Slide
-------------------------------------------------------*/
#slider {
	width: 100%;
	height: 323px;
	border-bottom: 3px solid #288822;
}
#slider ul.bjqs {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
}
#slider li.bjqs-slide {
	display: none;
	position: absolute;
}
#slider ul.bjqs-controls {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
#slider ol.bjqs-markers {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 15px;
}
#slider ol.bjqs-markers li{float:left;}
#slider p.bjqs-caption {
	display: block;
	width: 96%;
	margin: 0;
	padding: 2%;
	position: absolute;
	bottom: 0;
}
#slider .banner {
	height: 340px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#slider .banner a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#slider ul.bjqs-controls li a {
	display: block;
	position: absolute;
	color: #FFF;
	text-decoration: none;
}
#slider a.bjqs-prev {
	background: url(img/slide_leftar.png) no-repeat;
	width: 38px;
	height: 48px;
	left: 0;
	text-indent: -9999px;
}
#slider a.bjqs-next {
	background: url(img/slide_rightar.png) no-repeat;
	width: 38px;
	height: 48px;
	right: 0;
	text-indent: -9999px;
}
#slider ol.bjqs-markers li{margin: 0 3px;}
#slider ol.bjqs-markers li a{
	display: block;
	height: 10px;
	width: 10px;
	overflow: hidden;
	text-indent: -9999px;
	background: #999;
	border-radius: 10px;
}
#slider ol.bjqs-markers li.active-marker a{background: #fd0100;}


/*-------------------------------------------------------
	Wrapper
-------------------------------------------------------*/
/* Common */
.ar_link_box {text-align: right;}
.ar_link {
	background: url(img/ar_link.gif) no-repeat 0 4px;
	width: 11px;
	height: 11px;
	padding: 0 0 0 13px;
}
.ar_link:hover {background: url(img/ar_link_hover.gif) no-repeat 0 4px;}

#col_top {width: 100%;}
#col_top h2 {
	margin: 0;
	padding: 0;
	border: none;
}

.business_box,
.advantage {
	margin: 0 0 35px 0;
}

/* Business */
#col_top .business_box {}
#col_top .business_box:after {
	content: "";
	display: block;
	clear: both;
}
#col_top .business_box p {
	line-height: 160%;
}

#col_top .media,
#col_top .web-pro {
	float: left;
	width: 460px;
}
#col_top .media {margin: 0 30px 0 0;}
#col_top .media h2.media-title a,
#col_top .web-pro h2.web-pro-title a {
	display: block;
	overflow: hidden;
	width: 460px;
	height: 90px;
	text-indent: 100%;
	white-space: nowrap;
	border: none;
}
#col_top h2.media-title,
#col_top h2.web-pro-title {
	background: url(img/sp_business.gif) no-repeat;
	width: 460px;
	height: 90px;
	border: none;
	padding: 0;
}
#col_top h2.media-title {background-position: 0 0;}
#col_top h2.web-pro-title {background-position: -461px 0;}
#col_top h2.media-title:hover {background-position: 0 -90px;}
#col_top h2.web-pro-title:hover {background-position: -461px -90px;}
#col_top .media-box,
#col_top .web-pro-box {
	border: 1px solid #c2c1c1;
	border-top: none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 5px #DDD;
	margin: -1px 1px 0 2px;
	padding: 16px;
}

/* Advantage */
.advantage {}
.advantage h2 img {margin: 0 0 15px 0;}
.ad_1,
.ad_2,
.ad_3 {
	float: left;
	background: url(img/sp_advantage.gif) no-repeat;
	width: 301px;
	height: 126px;
}
.ad_1 {background-position: 0 0;}
.ad_2 {background-position: -301px 0;}
.ad_3 {background-position: -602px 0;}
.ad_1:hover {background-position: 0 -126px;}
.ad_2:hover {background-position: -301px -126px;}
.ad_3:hover {background-position: -602px -126px;}
.ad_1 a,
.ad_2 a,
.ad_3 a {
	display: block;
	overflow: hidden;
	width: 301px;
	height: 126px;
	text-indent: 100%;
	white-space: nowrap;
}
.ad_1,
.ad_2 {margin: 0 23px 0 0;}
.ad_box {}
.ad_box:after {
	content: "";
	display: block;
	clear: both;
}
.ad_4 {
	background: url(img/sp_advantage2.gif) no-repeat;
	width: 950px;
	height: 121px;
	margin: 15px 0 7px;
}
.ad_4 a {
	display: block;
	overflow: hidden;
	width: 950px;
	height: 121px;
	text-indent: 100%;
	white-space: nowrap;
}
.ad_4 {background-position: 0 0;}
.ad_4:hover {background-position: 0 -121px;}

/* Press Release */
.press-release {}
.press-release_box {
	width: 100%;
	padding: 10px;
	border: 1px solid #c2c1c1;
	border-top: none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 5px #DDD;
	margin: -1px 0 0 0;
}
.press-release table.press {
	width: 100% ;
	border: none;
	border-bottom: 1px dotted #288822;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-collapse: separate;
}
.press-release table.press td.press_date {
	border: none;
	width: 150px;
	padding: 0px;
}
.press-release table.press td.press_date2 {
	border: none;
	padding: 0px;
}
.press_date3 {
	border-bottom: 1px dotted #288822;
	text-align: left;
	margin: 0 0 15px 0;
}
.tags {
	float: left;
	margin: 2px 3px 0 0;
}


/*-------------------------------------------------------
	Footer
-------------------------------------------------------*/
#footer {line-height: 200%;}
#footer .pagetop_box {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: block;
	border-radius: 3px;
	width: 45px;
	height: 45px;
	text-align: center;
	padding: 12px 0 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: background-color 0.2s linear;
}
#footer .pagetop_box:hover {
	cursor: pointer;
}
#footer .pagetop_box a {color: #FFF;}
#footer .pagetop_box a:hover {color: #FFF;}
#footer .foot_contact {
	text-align: center;
	margin: 35px 0;
}
#footer .foot {
	background: #ecf2d2;
	width: 100%;
	padding: 15px 0 0;
}
#footer ul,
#footer li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul {
	float: left;
	margin: 0 20px 0 0;
}
#footer li a {
	display: block;
	color: #333;
	text-decoration: none;
}
#footer li a:hover {color: #288822;}
#footer li {
	background: url(img/ar_foot.gif) no-repeat 0 6px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #288822;
	width: 170px;
	padding: 0 0 2px 13px;
	margin: 0 0 3px 0;
}
#footer li.child {
	background: url(img/ar_foot2.gif) no-repeat 3px 50%;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 13px;
	border: none;
	margin: 0;
}
#footer li.single {
	margin: 0 20px 0 0;
	float: left;
}
#footer .foot-contact {
	float: right;
	border-left: 1px solid #288822;
	width: 380px;
	padding: 0 20px;
}
#footer .foot-contact img {margin: 0 0 10px 0;}
#footer .line {
	background: #288822;
	color: #FFF;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 3px 0;
	text-align: center;
}
#footer table.foot-ta,
#footer table.foot-ta td {
	vertical-align: top;
	line-height: 170%;
	border: none;
	padding: 3px 0;
	margin: 0;
}
#footer table.foot-ta td.title {
	white-space: nowrap;
	padding-right: 10px;
	color: #288822;
}


/*-------------------------------------------------------
	Aside
-------------------------------------------------------*/
#col_lower {
	width: 100%;
	margin: 0 0 50px 0;
}
#col_lower:after {
	content: "";
	display: block;
	clear: both;
}
.pan-list {margin: 7px 0 17px;}
.col_side {
	float: right;
	width: 250px;
}
.col_side .col_side_box {
	border: 1px solid #c2c1c1;
	border-top: none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 5px #DDD;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px 10px 20px 10px;
}
.col_side .side_title {
	background: url(img/bar_side.gif) no-repeat;
	width: 250px;
	height: 45px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-shadow: -1px -1px #1a6716;
	padding: 8px 0 0 10px;
}
.col_side .side_banner {
	width: 250px;
	float: right;
}
.col_side .side_banner img {margin: 0 0 10px 0;}
#col_lower ul.aside,
#col_lower ul.aside li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#col_lower ul.aside li {border-bottom: 1px dotted #288822;}
#col_lower ul.aside li a:hover {
	background: url(img/ar_foot.gif) no-repeat 3px 50%,#ecf2d2;
	}
#col_lower ul.aside li a {
	background: url(img/ar_foot.gif) no-repeat 3px 50%;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 6px 0 6px 16px;
}
#col_lower ul.aside li.child {
	margin: 0 0 0 15px;
	font-size: 11px;
}
#col_lower ul.aside li.child a {
	background: url(img/ar_foot2.gif) no-repeat 3px 50% !important;
	padding-left: 16px;
}
#col_lower ul.aside li.child a:hover {
	background: url(img/ar_foot2.gif) no-repeat 3px 50%,#ecf2d2 !important;
}
#col_lower ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
#col_lower ul.children li {
	margin: 0 0 0 15px;
	font-size: 11px;
}
#col_lower ul.children li a {
	background: url(img/ar_foot2.gif) no-repeat 3px 50%;
	padding-left: 16px;
}
#col_lower ul.children li a:hover {
	background: url(img/ar_foot2.gif) no-repeat 3px 50%,#ecf2d2 !important;
}
#col_lower ul.children li:last-child {
	border: none;
}

.col_main {
	float: left;
	width: 653px;
	min-height: 300px;
}
.col_main h2.lower {
	/*background: url(img/bar_lower.gif) no-repeat;
	height: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
	background: #fcfcfc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffffff 50%, #f9f9f9 53%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#ffffff), color-stop(53%,#f9f9f9), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffffff 50%,#f9f9f9 53%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#ffffff 50%,#f9f9f9 53%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#ffffff 50%,#f9f9f9 53%,#eaeaea 100%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#ffffff 50%,#f9f9f9 53%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eaeaea',GradientType=0 );
	width: 653px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: -1px -1px #FFF;
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 35px;
	line-height: 140%;
	border: none;
	border-top: 1px solid #EEE;
	border-bottom: 3px solid #288822;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
	position: relative;
}
.col_main h2.lower:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 12px;
	background: #288822;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin-top: -6px;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.6),1px 1px 0px rgba(255, 255, 255, 0.9);
}
.col_main h2.lower:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.7);
}
.current_page_item {background: #ECF2D2;}

.col_main2 {
	float: left;
	width: 950px;
	min-height: 300px;
}
.col_main2 h2.lower {
	background: url(img/bar_lower2.gif) no-repeat;
	width: 950px;
	height: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	text-shadow: -1px -1px #FFF;
	margin: 0 0 10px 0;
	padding: 8px 10px 0 35px;
	border: none;
}


/*-------------------------------------------------------
	Lower
-------------------------------------------------------*/
/* Common ttl */
h3.ttl {
	font-size: 19px;
	color: #288822;
	border-bottom: 2px solid #288822;
	margin: 50px 0 20px;
	padding: 0;
	border-left: none;
}
h4.ttl {
	position: relative;
	display: inline-block;
	/*background: url(img/h4_bg.gif);*/
	font-size: 16px;
	color: #333;
	/*border: 1px solid #CCC;
	border-radius: 2px;*/
	margin: 30px 0 10px 0;
	padding: 6px 10px 6px 13px;
	border: none;
}
h4.ttl:before {
	content: "";
	background: #288822;
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 7px;
	height: 23px;
}
[id*='cont-'] {margin-bottom: 50px;}

/* Top Column  */
#col_top .media-box .top_thum img {
	float: left;
}
#col_top .media-box .top_logo {
	width: 300px;
	float: right;
}
#col_top .media-box .top_logo h3 {
	color: #288822;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
	padding: 8px 0 5px 0;
	border: none;
}
#col_top .media-box .top_logo p {font-size: 11px;}
.top_user h3 {
	color: #288822;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted #288822;
	margin: 10px 0 0;
	padding: 0;
	border-left: none;
}
#col_top .media-box .top_user a {margin: 0 6px 0 0;}
#col_top .media-box .top_user a:last-child {margin: 0;}
#col_top .media-box .top_user p {display: inline !important;}
#col_top .media-box .media_ttl {margin: 0 0 10px 0;}
#col_top .web-pro-box .top_web {
	background: #f6fce5;
	border: 1px solid #c7e0c6;
	border-radius: 4px;
	width: 100%;
	height: 100%;
	margin: 0 0 10px 0;
	padding: 13px 13px 5px 13px;
}
#col_top .web-pro-box .top_web img {margin: 0 0 15px 0;}
#col_top .web-pro-box p,
#col_top .media-box p {
	display: block;
	margin: 0 0 10px 0;
}
#col_top .web-pro-box img.more,
#col_top .media-box img.more {float: right;}
#col_top .web-pro-box img.useful {margin: 20px 0 0 0;}

/* From */
table.form {
	border-collapse: collapse;
	width: 100%;
	margin: 15px 0 0 0;
}
table.form th,
table.form td {
	vertical-align: top;
	padding: 10px 0;
	font-weight: normal;
	margin: 3px 0;
	border: 0;
	background: #FFF;
	border-top: 1px solid #EEE;
	text-align: left;
}
table.form th {font-weight: normal;}
table.form .mailform {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Helvetica,Arial,Sans-Serif !important;
	border: 1px solid #DDD !important;
	padding: 3px !important;
}
.mark {
	font-size: 15px;
	color: #FF0000;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Helvetica,Arial,Sans-Serif !important;
	font-size: 14px;
	padding: 5px 10px;
}
#cont-vision,
#cont-company,
#cont-name-logo,


/* Company */
#cont-vision {}
#cont-vision p {
	font-size: 110%;
	line-height: 170%;
	display: block;
}
#cont-company table {
	border-collapse: collapse;
	width: 100%;
}
#cont-company table th,
#cont-company table td  {
	vertical-align: top;
	text-align: left;
	border: 1px solid #DDD;
	padding: 7px;
}
#cont-company table th {
	font-size: 110%;
	background: #F4FAD9;
	white-space: nowrap;
}
#cont-name-logo {}
#cont-name-logo img {margin: 10px 0 0;}
#cont-prof table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 50px 0;
}
#cont-prof table th,
#cont-prof table td  {
	background: #FFF;
	vertical-align: top;
	text-align: left;
	padding: 8px 0;
	border: 0;
	border-bottom: 1px solid #DDD;
}
#cont-prof table th {white-space: nowrap;}

/* Winning */
#cont-winning {}
#cont-winning p.ttl {
	margin: 30px 0 5px 0;
	font-size: 120%;
}

/* Marketing */
#cont-marketing {margin: 0 0 80px 0;}
.marketing_ttl {
	background: #F4FAD9;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #288822;
	border-bottom: 1px solid #288822;
	margin: 2px 0 10px;
	padding: 6px 2px;
}
.marketing_ttl a {text-decoration: none;}

/* Stlongs */
#cont-writer table {}
#cont-writer td {
	padding: 10px 0;
	text-align: center;
}
#cont-writer td img {margin: 0 0 10px 0;}
#cont-target ul {
	font-size: 100%;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
	list-style-type: square;
}
#cont-target li {
	border-bottom: 1px dotted #999;
	list-style-position: inside;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
#cont-target .bb {
	font-size: 120%;
	color: rgb(199, 15, 15);
	font-weight: bold;
}

/* Production */
#cont-production {}
#cont-production .pro_box {
	border: 1px solid #CCC;
	border-bottom: none;
	padding: 10px;
}
#cont-production .pro_box:last-child {border-bottom: 1px solid #CCC;}
#cont-production .pro_box_ttl {
	color: #288822;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#cont-production .pro_box_txt {}
#cont-production table.pro {margin-top: 0;}
#cont-production table.pro th {
	padding: 0 20px;
	font-size: 120%;
	white-space: nowrap;
}
#cont-production ul {
	font-size: 110%;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
	list-style-type: square;
}
#cont-production li {
	border-bottom: 1px dotted #999;
	list-style-position: inside;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
#cont-production table.pro_table  {margin: 10px 0 0 0;}
#cont-production table.pro_table td  {
	border: none;
	padding: 0 0 5px 0;
}

/* Consulting */
#cont-consulting {}
#cont-consulting p {
	font-size: 110%;
	line-height: 170%;
	margin: 15px 0;
}
#cont-consulting img {
	margin: 0 0 15px 0;
}
#cont-consulting ul {
	background: #f3fad3;
	border: 1px solid #acbf56;
	border-radius: 4px;
	padding: 10px 10px 10px 30px;
	list-style: decimal;
}
#cont-consulting li {
	border-bottom: 1px dotted #999;
	padding: 5px 0 10px;
	margin: 5px 0;
}
#cont-consulting li:last-child {
	border: none;
	padding-bottom: 0;
}

/* Case Studies */
#cont-case-studies {}
#cont-case-studies img.top {
	margin: 0 0 15px 0;
}
#cont-case-studies p {
	font-size: 110%;
	line-height: 170%;
	margin: 15px 0;
}
#cont-case-studies ol {
	float: left;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 110%;
	list-style: decimal;
	width: 50%;
}
#cont-case-studies li {
	border-bottom: 1px dotted #999;
	color: #288822;
	list-style-position: inside;
	padding: 3px 0 10px;
	margin: 3px 0;
}
#cont-user {}
#cont-user p {
	font-size: 110%;
	line-height: 170%;
	margin: 15px 0;
}

/* Senior Data */
#senior-data {}
#senior-data td {text-align: center;}
#senior-data img {margin: 5px 0;}
.senior-data_sub {
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 5px 0;
}
#senior-data .translation {font-size: 80%;}
a img.senior_ttl {margin: 0 0 10px 0;}
a img.senior_ttl:hover {opacity: 1;}

/* Construction */
#cont-construction {}
#cont-construction p {
	font-size: 110%;
	line-height: 170%;
	margin: 15px 0;
}

/* Access */
#cont-access {}
#cont-access p {
	font-size: 110%;
	line-height: 170%;
	margin: 15px 0;
}
#cont-access table {margin-top: 0;}
#cont-access table tr.odd:nth-child(2n) {
	background: #EEE;
}

/* Planning */
#cont-planning {}
#cont-planning p {
	font-size: 110%;
	margin: 10px 0;
}
#cont-planning img {margin: 10px 0;}
#cont-planning table {
	font-size: 120%;
	color: #039;
	font-weight: bold;
}
#cont-planning table th,
#cont-planning table td {
	border-left: 0;
	border-right: 0;
}

/* Performance */
#cont-performance {}
#cont-performance table.performance {
	background: #f9f9f9;
	margin-top: 0;
}
#cont-performance table.performance td.thum {
	background: none;
	padding: 10px;
	width: 100px;
	border-right: none;
	border-left: 1px solid #DDD;
}
#cont-performance table.performance td.thum img {border: 1px solid #CCC;}
#cont-performance table.performance td {
	background: url(img/performance_bg.gif) no-repeat right top;
	vertical-align: top;
	border-left: none;
}
#cont-performance table.performance .site_ttl {
	font-size: 18px;
	font-weight: bold;
	color: #288822;
}
#cont-performance table.performance .site_sub {
	color: #999;
	margin: 5px 0 0;
}
#cont-performance table.performance p {
	font-size: 110%;
	margin: 10px 0 0;
}
#cont-performance table.area {margin: 0;}
#cont-performance p {
	padding: 0;
	margin: 0;
}
#cont-performance table.area th,
#cont-performance table.area td {
	padding: 5px;
}
#cont-performance table.area th {
	width: 200px;
	background: #f6fce5;
	font-size: 18px;
}
#cont-performance table.area td ul {
	margin: 0;
}
#cont-performance img.area_ar {margin: 0 0 0 80px;}

/* Media Business */
#cont-media-business table.performance {
	background: #f9f9f9;
	margin-top: 0;
}
#cont-media-business table.performance td.thum {
	background: none;
	padding: 10px;
	width: 100px;
	border-right: none;
	border-left: 1px solid #DDD;
}
#cont-media-business table.performance td.thum img {border: 1px solid #CCC;}
#cont-media-business table.performance td {
	background: url(img/performance_bg.gif) no-repeat right top;
	vertical-align: top;
	border-left: none;
}
#cont-media-business table.performance .site_ttl {
	font-size: 18px;
	font-weight: bold;
	color: #288822;
}
#cont-media-business table.performance .site_sub {
	color: #999;
	margin: 5px 0 0;
}
#cont-media-business table.performance p {
	font-size: 110%;
	margin: 10px 0 0;
}



/* Medias */
#cont-medias {}
#cont-medias table.medias {
	background: #f9f9f9;
	margin-top: 0;
}
#cont-medias table.medias td.thum {
	background: none;
	padding: 10px;
	width: 210px;
	border-right: none;
	border-left: 1px solid #DDD;
	text-align: center;
}
#cont-medias table.medias td.thum img {border: 1px solid #CCC;}
#cont-medias table.medias td {
	background: url(img/performance_bg.gif) no-repeat right top;
	vertical-align: top;
	border-left: none;
}
#cont-medias table.medias .site_ttl {
	font-size: 18px;
	font-weight: bold;
	color: #288822;
}
#cont-medias table.medias .site_sub {
	color: #999;
	text-decoration: none;
}
#cont-medias table.medias p {
	font-size: 110%;
	margin: 10px 0 0;
}
#cont-medias .graph_box {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
#cont-medias .graph_box table {
	margin: 0 10px;
	width: 95%;
}
#cont-medias .graph_box table td {
	padding: 4px;
}
#cont-medias .graph_box table td.ttlbox {
	background: #EEE;
}
#cont-medias table.profile th {
	text-align: left;
	width: 150px;
}



/* Campaign */
#cont-campaign img.camp {
	margin: 0 0 20px 0;
}
#cont-campaign p {
	font-size: 110%;
	margin: 10px 0;
}
#cont-campaign th {width: 150px;}

/* Wp Page Number */
#wp_page_numbers {
	margin-top: 30px !important;
	font-size: 13px !important;
}
#wp_page_numbers a {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Helvetica,Arial,Sans-Serif !important;
	padding: 6px !important;
	border-radius: 3px !important;
	background: transparent;
}
#wp_page_numbers a:hover {
	background: rgb(248, 218, 218) !important;
	border: 1px solid #CCC !important;
}
#wp_page_numbers li.active_page a {
	background: rgb(248, 218, 218) !important;
	border-color: #CCC !important;
}

/* SiteMap */
#cont-sitemap {}
#cont-sitemap ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#cont-sitemap li {padding: 3px 0;}
#cont-sitemap li a {
	font-size: 110%;
	padding: 6px 0 6px 16px;
	background: url(img/ar_foot.gif) no-repeat 3px 50%;
	font-weight: bold;
}
#cont-sitemap li.child a {
	font-size: 100%;
	margin: 0 0 0 15px;
	background: url(img/ar_foot2.gif) no-repeat 3px 50%;
	font-weight: normal;
}

/* Agent */
#cont-agent {}
#cont-agent ul {
	background: #f3fad3;
	border: 1px solid #acbf56;
	border-radius: 4px;
	padding: 10px 10px 10px 30px;
	list-style: decimal;
	margin-top: 0;
}
#cont-agent li {
	border-bottom: 1px dotted #999;
	padding: 5px 0 10px;
	margin: 5px 0;
}
#cont-agent li:last-child {
	border: none;
	padding-bottom: 0;
}

/* Ad */
#cont-ad {}

/* Web-pro */
#cont-web-pro {}
#cont-web-pro ul {
	background: #f3fad3;
	border: 1px solid #acbf56;
	border-radius: 4px;
	padding: 10px 10px 10px 30px;
	list-style: decimal;
	margin-top: 0;
}
#cont-web-pro li {
	border-bottom: 1px dotted #999;
	padding: 5px 0 10px;
	margin: 5px 0;
}
#cont-web-pro li:last-child {
	border: none;
	padding-bottom: 0;
}
#cont-web-pro table {margin-top: 0;}