@charset "utf-8";
/*  
	Theme Name: rakuda CMS EMCJ Version
	Author URI: http://www.rakuda.in
	Version: 1.0
	Author: rakuda DESIGN
	Description: CMS for COMPANY

	Changelog:
	09.01.19
*/

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html {
	overflow-y: scroll;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
background: #fff;
color:#000;
text-align:center;
}

/*----------------------------------------------------
	Font Size
----------------------------------------------------*/

body {
font:13px "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
line-height: 140%;
*font-size:small;
*font:x-small;
}
table {
font-size:inherit;
font:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}


/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: underline;
	color: #423b35;
}

a:visited {
	text-decoration: underline;
	color: #423b35;
}

a:hover {
	text-decoration: none;
	color: #716962;
}

a:active {
	text-decoration: none;
	color: #716962;
}

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

#wrap {
width:960px;
margin:0 auto;
text-align:left;
}

#contl {
width:745px;
float:left;
display:inline;
}

#contr {
width:200px;
float:right;
display:inline;
}

/*********************************************
		HEADER
*********************************************/

#head {
height:108px !important;
padding:30px 0 0 40px;
background:url(images/bg_head.gif) no-repeat 0 0;
}

#head h1 a {
line-height:100%;
width:271px;
height:68px;
display:block;
background:url(images/logo.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

#head h1 a:hover { background-position:0 -68px; }


/*********************************************
		NAVI
*********************************************/
#gnavi {
margin:1px 0 0 0;
}

#gnavi ul li {
float:left;
display:inline;
}

#gnavi ul li a {
background:url(images/bg_navi.gif) no-repeat 0 0;
width:192px;
height:37px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#gnavi ul li a.one { background-position:0 0; }
#gnavi ul li a.two { background-position:-192px 0; }
#gnavi ul li a.thr { background-position:-384px 0; }
#gnavi ul li a.fou { background-position:-576px 0; }
#gnavi ul li a.fiv { background-position:-768px 0; }


#gnavi ul li a.one:hover { background-position:0 -37px; }
#gnavi ul li a.two:hover { background-position:-192px -37px; }
#gnavi ul li a.thr:hover { background-position:-384px -37px; }
#gnavi ul li a.fou:hover { background-position:-576px -37px; }
#gnavi ul li a.fiv:hover { background-position:-768px -37px; }


#gnavi ul li.cr a.one { background-position:0 -74px; }
#gnavi ul li.cr a.two { background-position:-192px -74px; }
#gnavi ul li.cr a.thr { background-position:-384px -74px; }
#gnavi ul li.cr a.fou { background-position:-576px -74px; }
#gnavi ul li.cr a.fiv { background-position:-768px -74px; }


/* AREA */
#areanavi ul li {
float:left;
display:inline;
}

#areanavi ul li a {
background:url(images/bg_areanavi1.gif) no-repeat 0 0;
width:248px;
height:77px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#areanavi ul li a:hover {
background:url(images/bg_areanavi2.gif) no-repeat 0 0;
}

#areanavi ul li a.one { background-position:0 0;  }
#areanavi ul li a.two { background-position:-248px 0; }
#areanavi ul li a.thr { background-position:-496px 0; }
#areanavi ul li a.fou { background-position:0 -77px; }
#areanavi ul li a.fiv { background-position:-248px -77px; }
#areanavi ul li a.six { background-position:-496px -77px; }

#areanavi ul li a.one:hover { background-position:0 0;  }
#areanavi ul li a.two:hover { background-position:-248px 0; }
#areanavi ul li a.thr:hover { background-position:-496px 0; }
#areanavi ul li a.fou:hover { background-position:0 -77px; }
#areanavi ul li a.fiv:hover { background-position:-248px -77px; }
#areanavi ul li a.six:hover { background-position:-496px -77px; }


/* FEATURE */
#featurenavi ul li {
float:left;
display:inline;
}

#featurenavi ul li a {
background:url(images/bg_featurenavi1.gif) no-repeat 0 0;
width:248px;
height:42px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#featurenavi ul li a:hover {
background:url(images/bg_featurenavi2.gif) no-repeat 0 0;
}

#featurenavi ul li a.one { background-position:0 0;  }
#featurenavi ul li a.two { background-position:-248px 0; }
#featurenavi ul li a.thr { background-position:-496px 0; }
#featurenavi ul li a.fou { background-position:0 -42px; }
#featurenavi ul li a.fiv { background-position:-248px -42px; }

#featurenavi ul li a.one:hover { background-position:0 0;  }
#featurenavi ul li a.two:hover { background-position:-248px 0; }
#featurenavi ul li a.thr:hover { background-position:-496px 0; }
#featurenavi ul li a.fou:hover { background-position:0 -42px; }
#featurenavi ul li a.fiv:hover { background-position:-248px -42px; }

#featurenavi ul li.six { 
background:url(images/bg_featurenavi1.gif) no-repeat -496px -42px;
width:248px;
height:42px;
display:block;
text-indent:-9999px;
overflow:hidden;
}




/*********************************************
		Title Styles
*********************************************/

h2 {
margin:10px 0 6px;
line-height:0;
}

h2.btt {
margin:15px 0 6px;
line-height:0;
}

h3 {
font-size:260%;
margin:0 0 10px 0;
line-height:100%;
}

/*********************************************
		PAGE
*********************************************/

p.pagetxt {
margin:0.5em 0 1em;
background:#ededed;
padding:0.7em;
}

p.pagetxt span {
font-weight:bold;
color:#21bd1b;
font-size:160%;
}

p.pagetxt1 {
margin:2em 0 1em;
background:#ededed url(images/bg_txt1.jpg) no-repeat 10px 10px;
padding:0.7em 0.7em 1em 130px;
}

p.pagetxt1 span {
font-weight:bold;
color:#21bd1b;
font-size:160%;
}

p.pagetxt2 {
margin:0.5em 0 1em;
background:#ededed url(images/bg_txt2.jpg) no-repeat 10px 10px;
padding:0.7em 0.7em 1em 130px;
}

p.pagetxt2 span {
font-weight:bold;
color:#21bd1b;
font-size:160%;
}


/* hostlist */

.hostlist {
margin:15px 0 0 0;
}

.hostbox {
width:230px;
height:150px;
float:left;
display:inline;
margin:0 15px 15px 0;
padding:15px 0 0 0;
text-align:center;
border:1px solid #ededed;
}

.hostbox h6 {
margin:5px 0 0 0;
font-weight:bold;
}


/* contact form */
.wpcf7 {
}


.wpcf7 p {
margin:0.8em 0 0;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
padding:0.4em;
background:#ededed;
}

.wpcf7 input,
.wpcf7 select {
width:300px;
}

.wpcf7 textarea {
width:500px;
}

/*********************************************
		DETAIL
*********************************************/

.data ul {
float:right;
}

.data ul li {
float:left;
font-size:77%;
color:#fff;
display:inline;
margin:0 0 0 10px;
background:#000;
padding:0 0.6em;
border-left:5px solid #FF3D7C;
}

.data a:link,
.data a:visited {
text-decoration:none;
color:#fff;
}

dl.cft {
margin:20px 0 0 0;
}

dl.cft dt {
float:left;
clear:left;
width:10em;
text-align:right;
margin:0 0 1.6em;
padding:0.4em 0;
font-weight:bold;
}

dl.cft dd {
margin:0 0 1.6em 11em;
padding:0.4em 0.4em 0.4em 1.4em;
background:url(images/bg_dl.gif) no-repeat 0 0;
}



/* to form */
dl.hostform {
margin:10px 0 0 0;
padding:1.6em 0;
border:1px solid #000;
}

dl.hostform dt {
float:left;
clear:left;
width:10em;
text-align:right;
margin:0 0 0 0;
padding:0.4em 0;
font-weight:bold;
}

dl.hostform dd {
margin:0 0 0 11em;
padding:0.4em 0.4em 0.4em 1.4em;
background:url(images/bg_dl.gif) no-repeat 0 0;
}

dl.hostform dd h5 {
margin:1.6em 0 0.5em 0;
font-size:77%;
font-weight:bold;
}

dl.hostform dd p.toformbtn a {
background:url(images/toform_btn.gif) no-repeat 0 0;
width:241px;
height:41px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

dl.hostform dd p.toformbtn a:hover {
background-position:0 -41px;
}


/*********************************************
		SIDE2
*********************************************/
p.ban {
line-height:0;
margin:0 0 5px;
}

/*********************************************
		デリミタ
*********************************************/
p.delimit {
font-size:77%;
}

p.delimit strong {
}

p.delimit a:link,
p.delimit a:visited,
p.delimit a:hover,
p.delimit a:active {
}

/*********************************************
		ページ
*********************************************/

/*----------------------------------------------------
	about area
----------------------------------------------------*/

div.aboutarea p {
	margin:0 0 1.4em;
}

div.aboutarea h3 {
	font-size:138.5%;
	margin:30px 0 20px;
	color:#FF3D7C;
	font-weight:bold;
}

div.aboutarea dl dt {
	font-weight:bold;
	margin:1.5em 0 0.5em;
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
#footer {
clear:both;
border-top:1px solid #000;
padding:20px 0 15px 0;
margin:3em 0 0 0;
}

#footer p.contact {
background:url(images/foot_contact.gif) no-repeat 0 0;
width:678px;
height:19px;
display:block;
text-indent:-9999px;
}

#footer p.contact {
background:url(images/foot_contact.gif) no-repeat 0 0;
width:737px;
height:19px;
display:block;
text-indent:-9999px;
margin-bottom:30px;
}

#footer p.copy {
float:right;
background:url(images/foot_copy.gif) no-repeat 0 0;
width:203px;
height:12px;
display:block;
text-indent:-9999px;
}


/*----------------------------------------------------
	pager
----------------------------------------------------*/

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
background:none repeat scroll 0 0 white;
border:medium none;
font-family:Arial;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:15px;
list-style:none outside none;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
text-indent:0;
text-transform:none;
word-spacing:0;
}
#wp_page_numbers {
background:none repeat scroll 0 0 white;
margin-bottom:10px;
margin-top:10px;
width:100%;
}
#wp_page_numbers ul {
width:100%;
}
#wp_page_numbers li {
display:block;
float:left;
margin-bottom:2px;
}
#wp_page_numbers a {
border:1px solid #BFBFBF;
color:#333333;
display:block;
margin-left:2px;
margin-right:2px;
padding:6px 10px;
}
#wp_page_numbers li a:hover {
border-color:#FF3D7C;
}
#wp_page_numbers li.space {
padding:6px 2px;
}
#wp_page_numbers li.first_last_page {
font-style:italic;
}
#wp_page_numbers li.active_page a {
border-color:#FF3D7C;
}
#wp_page_numbers li.active_page a:hover {
border-color:#BA0000;
color:black;
text-decoration:underline;
}
#wp_page_numbers li.page_info {
border:1px solid #BFBFBF;
color:#666666;
display:block;
float:left;
font-size:11px;
margin-right:2px;
padding:3px 5px;
}


/*----------------------------------------------------
	Module
----------------------------------------------------*/

/* margin */
.mg0a {margin:0px;}
.mg5a {margin:5px;}
.mg10a{margin:10px;}
.mg15a{margin:15px;}
.mg20a{margin:20px;}
.mg30a{margin:30px;}
.mg50a{margin:30px;}

.mg0v {margin-top:0px; margin-bottom:0px;}
.mg5v {margin-top:5px; margin-bottom:5px;}
.mg10v{margin-top:10px; margin-bottom:10px;}
.mg15v{margin-top:15px; margin-bottom:15px;}
.mg20v{margin-top:20px; margin-bottom:20px;}
.mg30v{margin-top:30px; margin-bottom:30px;}
.mg50v{margin-top:50px; margin-bottom:50px;}

.mg0h {margin-right:0px; margin-left:0px;}
.mg5h {margin-right:5px; margin-left:5px;}
.mg10h{margin-right:10px; margin-left:10px;}
.mg15h{margin-right:15px; margin-left:15px;}
.mg20h{margin-right:20px; margin-left:20px;}
.mg30h{margin-right:30px; margin-left:30px;}
.mg50h{margin-right:50px; margin-left:50px;}

.mg0t {margin-top:0px;}
.mg5t {margin-top:5px;}
.mg10t{margin-top:10px;}
.mg15t{margin-top:15px;}
.mg20t{margin-top:20px;}
.mg30t{margin-top:30px;}
.mg50t{margin-top:50px;}
.mg80t{margin-top:80px;}

.mg10tn{margin-top:-10px; position:relative;}

.mg0r {margin-right:0px;}
.mg5r {margin-right:5px;}
.mg10r{margin-right:10px;}
.mg15r{margin-right:15px;}
.mg20r{margin-right:20px;}
.mg30r{margin-right:30px;}
.mg50r{margin-right:50px;}

.mg0b {margin-bottom:0px;}
.mg5b {margin-bottom:5px;}
.mg10b{margin-bottom:10px;}
.mg15b{margin-bottom:15px;}
.mg20b{margin-bottom:20px;}
.mg30b{margin-bottom:30px;}
.mg50b{margin-bottom:50px;}

.mg0l {margin-left:0px;}
.mg5l {margin-left:5px;}
.mg10l{margin-left:10px;}
.mg15l{margin-left:15px;}
.mg20l{margin-left:20px;}
.mg30l{margin-left:30px;}
.mg50l{margin-left:50px;}


/* padding */
.pd0a {padding:0px;}
.pd2a {padding:2px;}
.pd5a {padding:5px;}
.pd10a{padding:10px;}
.pd15a{padding:15px;}
.pd20a{padding:20px;}
.pd30a{padding:30px;}

.pd0v {padding-top:0px; padding-bottom:0px;}
.pd2v {padding-top:2px; padding-bottom:2px;}
.pd5v {padding-top:5px; padding-bottom:5px;}
.pd10v{padding-top:10px; padding-bottom:10px;}
.pd15v{padding-top:15px; padding-bottom:15px;}
.pd20v{padding-top:20px; padding-bottom:20px;}
.pd30v{padding-top:30px; padding-bottom:30px;}

.pd0h {padding-right:0px; padding-left:0px;}
.pd2h {padding-right:2px; padding-left:2px;}
.pd5h {padding-right:5px; padding-left:5px;}
.pd10h{padding-right:10px; padding-left:10px;}
.pd15h{padding-right:15px; padding-left:15px;}
.pd20h{padding-right:20px; padding-left:20px;}
.pd30h{padding-right:30px; padding-left:30px;}
.pd70h{padding-right:70px; padding-left:70px;}

.pd0t {padding-top:0px;}
.pd2t {padding-top:2px;}
.pd5t {padding-top:5px;}
.pd10t{padding-top:10px;}
.pd15t{padding-top:15px;}
.pd20t{padding-top:20px;}
.pd30t{padding-top:30px;}
.pd50t{padding-top:50px;}

.pd0r {padding-right:0px;}
.pd2r {padding-right:2px;}
.pd5r {padding-right:5px;}
.pd10r{padding-right:10px;}
.pd15r{padding-right:15px;}
.pd20r{padding-right:20px;}
.pd30r{padding-right:30px;}

.pd0b {padding-bottom:0px;}
.pd2b {padding-bottom:2px;}
.pd5b {padding-bottom:5px;}
.pd10b{padding-bottom:10px;}
.pd15b{padding-bottom:15px;}
.pd20b{padding-bottom:20px;}
.pd30b{padding-bottom:30px;}

.pd0l {padding-left:0px;}
.pd2l {padding-left:2px;}
.pd5l {padding-left:5px;}
.pd10l{padding-left:10px;}
.pd15l{padding-left:15px;}
.pd20l{padding-left:20px;}
.pd30l{padding-left:30px;}
.pd35l{padding-left:35px;}

.txL {text-align:left !important;}
.txC {text-align:center !important;}
.txR {text-align:right !important;}

.leftp {float:left;}
.rightp {float:right;}

/*
===== 1: CLEARFIX ==========================================
*/
#head:after,
#gnavi:after,
#footer:after,
#contwrap:after,
#areanavi:after,
#featurenavi:after,
.data:after,
dl.cft:after,
dl.hostform:after,
.hostlist:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}

#head,
#gnavi,
#footer,
#contwrap,
#areanavi,
#featurenavi,
.data,
dl.cft,
dl.hostform,
.hostlist {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}