@charset "utf-8";

/* GoogleFonts */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* Font Awesome */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
 
body {
font-family: 'Noto Sans JP', sans-serif;
        font-size: 100%;
}

a {
	color: #3581FF;
        text-decoration: none;
        opacity: 0.5 ;
}

a:hover {
        opacity: 0.5 ;
}

h1, h2, h3 {
        font-weight:900;
}
 
p,li,dd {
        font-weight:400;
}

/* PC用 */

/* HTML5用に初期化 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
        color: #696969;
}                  
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
 
blockquote, q {
	quotes:none;
}
 
blockquote:before, blockquote:after,q:before, q:after {
	content:''; content:none;
}
 
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
 
ins {
	background:#ff9;
	color:#000;
	text-decoration:none;
}
 
mark {
	background:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
 
del {
	text-decoration: line-through;
}
 
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}


h1 {
	margin: 10px 0 0 0;
	padding: 0;
        font-size: 100%;
	color: #EFEFEF;
}

h1 a{
        opacity: 1.0 ;
}

h1 a:hover{
        opacity: 0.5 ;
}

h2 {
	margin: 10px 10px 10px 10px;
	padding: 7px;
	font-size: 130%;
	border-left: 5px solid #84bbf3;
    }

h3 {
	margin: 10px 20px 10px 20px;
	padding: 0;
	font-size: 95%;
}

h3:before {
	content:'・ ';
	color: #3581FF;
}

h4 {
	margin: 10px 20px 10px 20px;
	padding: 0;
	font-size: 90%;
}

h5 {
	margin: 10px 30px 10px 30px;
	padding: 0;
	font-size: 90%;
}

p , table{
	margin: 5px 30px 5px 30px;
	padding: 0;
	line-height: 150%;
	font-size: 90%;
        text-align: justify;
        text-justify: inter-ideograph;
}

/* 共通ヘッダー */
#header-container {
        position: fixed;
        z-index: 1;
	width: 100%;
	background: #000000;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border-top: 8px solid #35AEFF;
}

#header-container:after {
	content: "";
	display:block;
	clear:both;
}

header {
        width: 100%;
        height:50px;
	background: #000000;
	margin: 0 auto 0 auto;
}

header h1{
	margin: 0;
	padding: 0;
	float: left;
}

header #contactUs{
        display:block;
	margin: 12px 10px 0 0;
	padding: 0;
	float: right;
        height:40px;
        font-size:1em;
        color:#FFF;
}

header #contactUs i{
        font-size:1.2em;
        color:#FFF;
        opacity: 1.0;
}

header #contactUs strong{
        font-size:1.2em;
        font-weight:bold;
        color:#FFF;
}

header #searchFormArea{
	float: right;
}

header #searchFormArea input{
	padding: 5px;
}

#serchform {
	width:100%;
	text-align:right;
	margin:13px 0 -48px 0;
}

#serchform form{
	display: inline;
}


/* 共通グローバルナビゲーション */
#global-navigation-container {
	width: 100%;
	height: 26px;
	background: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	-webkit-box-shadow: 0 10px 6px -6px #CCCCCC;
	-moz-box-shadow: 0 10px 6px -6px #CCCCCC;
	box-shadow: 0 10px 6px -6px #CCCCCC;
}

#global-navigation-container  nav ul {
	width: 100%;
	margin: 0 auto 0 auto;
	background: #EEEEEE;
}

#global-navigation-container  nav li {
	float: left;
	list-style-type: none;
}

#global-navigation-container  nav li a {
	display: block;
	line-height: 2em;
	font-size: 94%;
	font-weight: bold%;
	text-align: center;
	text-decoration: none;
	color: #000000;
        text-shadow:-1px -1px 2px #FFFFFF;
	width: 130px;
	height: 26px;
	vertical-align: middle;
	border-left: 2px solid #CCCCCC;
}

#global-navigation-container nav li a:hover {
	background: #CCCCCC;
	border-left: 2px solid #3581FF;
	color: #000000;
        text-shadow:-1px -1px 2px #FFFFFF;
}



/* 共通コンテンツ */
#main-container {
	clear: both;
	text-align: left;
	width: 1020px;
	margin: 0 auto 0 auto;
	padding: 73px 10px 10px 10px;

}

#main-container-member {
	clear: both;
	text-align: left;
	width: 1310px;
	margin: 0 auto 0 auto;
	padding: 73px 10px 10px 10px;

}

#main-contents,
#main-contents-member {
        float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 10px;
	min-height: 500px;
	-webkit-box-ordinal-group: 1;　/* Safari,Google Chrome用（2番目に表示 */  
	-moz-box-ordinal-group: 1;　/* Firefox用（2番目に表示） */ 
}

#main-contents table,
#main-contents-member table  {
	width: 95%;
	background: #FAFBFC;
	margin: 0 auto 10px auto;
	border-collapse: collapse;
}

#main-contents th,
#main-contents td,
#main-contents-member th,
#main-contents-member td {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px dotted #CCCCCC;
        vertical-align:middle;
}

#main-contents-member,
#main-contents-member th,
#main-contents-member td,
#main-contents-member dt,
#main-contents-member dd,
#main-contents-member li,
#main-contents-member p {
        font-size:0.8em;
}

#main-contents dl,
#main-contents ul,
#main-contents-member dl,
#main-contents-member ul {
	margin: 0 auto 10px auto;
}

#main-contents p,
#main-contents-member p{
	line-height: 150%;
}

#main-contents dt,
#main-contents dd,
#main-contents li,
#main-contents-member dt,
#main-contents-member dd,
#main-contents-member li {
	line-height: 150%;
	list-style: none;
}

#main-contents dt,
#main-contents-member dt {

	font-weight: bold;
}

#main-contents li, 
#main-contents dd,
#main-contents-member li, 
#main-contents-member dd {
	border-bottom: 1px dotted #CCCCCC;
}

/* 共通右ナビゲーション*/
#side-area-right {
        float: left;
	width: 254px;
	border: 1px solid #CCCCCC;
	margin: 0 auto 10px auto;
	padding: 10px;
	background: #EEEEEE;
	min-height: 100px;
	-webkit-box-ordinal-group: 2;　/* Safari,Google Chrome用（2番目に表示 */  
	-moz-box-ordinal-group: 2;　/* Firefox用（2番目に表示） */ 

}

#side-area-right dl, #side-area-right ul {
	margin: 0 auto 10px auto;
}

#side-area-right dt, #side-area-right dl, #side-area-right li{
        line-height: 150%;
        list-style: none;
        font-size: 90%;
}

#side-area-right dt {
        font-weight: bold;
}

#side-area-right li {
        margin: 2px auto 2px 20px;
}

/*page-topへ戻るボタン*/
#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#pageTop a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#pageTop a:hover {
    text-decoration: none;
    background: #999;
}

/*前のページへ戻るボタン*/
#pageBack {
    position: fixed;
    bottom: 20px;
    right: 160px;
    font-size: 77%;
}
#pageBack a {
        background: #666;
        text-decoration: none;
        color: #fff;
        width: 100px;
        padding: 30px 0;
        text-align: center;
        display: block;
        border-radius: 5px;
}
#pageBack a:hover {
        text-decoration: none;
        background: #999;
}


/* 共通フッター */
#footer-container {
	clear: both;
	width: 100%;
	height: 500px;
	background: #eee;
	border-top: 1px solid #ccc;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}

footer {
	text-align: left;
	width: 100%;
	margin: 0 auto 0 auto;
}

#bfooter dl{
	display: block;
	float: left;
	width: 33%;
	margin: 0 0 40px 40px;
	line-height: 150%;
	font-size: 90%;
}


#bfooter dt:before {
	content: '■ ';
	color: #CCCCCC;
}

#bfooter dd a{
	display: block;
	margin: 10px auto 0 16px;
	font-size: 85%;
}

#cfooter{
	clear: both;
        width:1020px;
	margin: 0 auto 0 auto;
        text-align:left;

}

#cfooter img {
	float: left;
	margin: 20px 20px 40px 0;
}
#cfooter img:hover {
        opacity: 0.55;
}

#cfooter h4{
	float: left;
	font-size:1.3em;
	font-weight:900;
	margin: 60px 20px 20px 20px;
        color: #666;
}

#cfooter h4 a {
        display:block;
        color: #000;
}

#cfooter h4 a:hover {
        color: #CCC;
}

#cfooter ul {
	clear: both;
}

#cfooter .fMenue {
        float:left;
        width:300px;
        min-height:340px; 
        height:auto !important; 
        height:340px;
	margin: 0 20px 0 20px;
        list-style-type:none;
        font-weight:bold;
	font-size:1.2em;
        color: #666;
}

#cfooter .fMenue:before {
	content: '■ ';
}

#cfooter .fMenue ul li{
        width:240px;
	margin: 0 20px 0 20px;
        list-style-type:none;
        line-height:2em;
	font-size:0.8em;
}

#cfooter .fMenue ul li a{
        display:block;
        color: #000;
        text-decoration: none;
        border-bottom:2px dotted #CCC;
}

#cfooter .fMenue ul li a:hover{
        color: #CCC;
}

#copyright {
	clear: both;
        width:100%;
        min-height:300px; 
        height:auto !important; 
        height:300px;
	margin: 40px 0 0 0;
        padding:20px 0 20px 0;
        text-align:right;
        color:#ccc;
	background: #000;
}

#copyright ul {
        text-align:center;
}

#copyright li {
        display:inline;
}

#copyright i {
        font-size:4em;
}



/* フォーム */

.formtable {
	width: 90%;
	margin: 20px auto 20px auto;
}

.formtable th, .formtable th {
    font-size: 90%;
}

.InText , .InTextArea {
	width: 90%;
	border: 1px solid #CCCCCC;
	padding: 3px;
}

.InSubmit {
    font-size: 90%;
	margin: 0 auto 20px 40px;
	padding: 10px;
	background: #EFEFEF;
	border: 1px solid #CCCCCC;

}

.errormsg {
	font-size: 90%;
	color: #FF0000;
}

.css_btn_area {
        width: 100%;
	height: 200px;
        text-align: left;
}

.call_btn_class {
        border:none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
        display:block;
        width:90%;
        margin: 20px auto 20px auto;
	padding: 20px 0 20px 0;
        text-align: center;
        color:#FFF;
        background: #35AEFF;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ 
        opacity: 1.0;
        font-size:1em;
}

.call_btn_class:hover {
        color: #fff;
        opacity: 0.5;
}

#contactForm {
        display:block;
        width:100%;
        margin:0 0 0 0;
}

#contactForm .columnLeft{
        display:block;
        float:left;
        width:500px;
        height:200px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#contactForm .columnRight{
        display:block;
        float:left;
        width:500px;
        height:200px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#contactForm figure img{
        display:block;
        margin:40px auto 40px auto;
}

#contactForm .columnLeft h3,
#contactForm .columnRight h3{
        padding:20px 0 20px 0;
        text-align:center;
        color:#FFF;
        background:#CCC;
}

#contactForm .columnLeft h3:before,
#contactForm .columnRight h3:before{
	content:none;
}

/* フォームエラーメッセージ */
.errormsg {
	font-weight: bold;
	color: #FF0000;
}


/* トップページ */
.contact_btn {
        width: 100%;
	height: 50px;
        text-align: right;
}

.contact_btn a {
        display:block;
        width:120px;
        margin: 0 0 0 auto;
	padding: 20px 20px 20px 20px;
border:0;
        text-align: center;
        color:#FFF;
        background: #35AEFF;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ 
        opacity: 10.10;
}

.contact_btn a:hover{
        color: #fff;
        opacity: 0.5;
}


.TopMess {
        width:100%;
        text-align:center;
        font-size: 3em;
        padding: 30px 0 50px 0;
        border: 0;
}

#TopMainImage,#TopMainImage img{
        margin: 0;
        padding: 0;
        border: 0;
}

#TopMainImage2 img{
        float:right;
        width:50%;
        margin: 0;
        padding: 0;
        border: 0;
}

#TopContents {
        width: 100%;
}

#TopContents ul{
        width: 100%;
	position: relative;
` 
}

#TopContents ul {
        width:100%;
	padding: 30px 20px 30px 20px;
        text-align: left;
        color:#FFF;
        background: #35AEFF;
        border-radius: 20px;        /* CSS3草案 */  
        -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 20px;   /* Firefox用 */ 
}

#TopContents ul:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #35AEFF;
	border-width: 30px;
	margin-left: -30px;
}

#TopContents ul li{
        width: 100%;
        font-size:1.7em;
        font-weight:midium;
        margin: 0;
        padding: 10px 20px 10px 20px;
        border: 0;
        color: #fff;
}

#TopContents ul li:before {
	content: '■ ';
}

#TopContents p.TopMess {
        width:100%;
        text-align:center;
        font-size: 2em;
        font-weight: bold;
        padding: 50px 0 50px 0;
        border: 0;
        margin: 0;
}

#TopContents p {
        font-size:1em;
}

#TopContents > p {
        margin: 20px auto 40px auto;
}

.bottomNavi{
        width:880px;
        margin: 20px auto 20px auto;
}

.bottomNavi li{
        float:left;
        width:400px;
        margin: 20px 20px 20px 20px;
        padding: 40px 0 40px 0;
        color: #fff;
        background: #35AEFF;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
        border-radius: 20px;        /* CSS3草案 */  
        -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 20px;   /* Firefox用 */  
}

.bottomNavi li a{
        color: #fff;
        opacity: 1.0;
}

.bottomNavi li a:hover{
        color: #fff;
        opacity: 0.5;
}

.TopCol {
        min-height:348px; 
        height:auto !important; 
        height:360px;
        float: left;
        width: 300px;
        margin: 20px ;
        padding: 0;
        border: 0;
}

.TopCol h3 {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 20px 0 20px 0;
        text-align: center;
        font-size: 150%;
        color: #FFFFFF;
}


.TopCol h3:before{
	content: none;
}

.TopCol p {
        width: 100%;
        margin: 0;
        text-align: left;
        min-height:189px; 
        height:auto !important; 
        height:189px;
        text-align: justify;
        text-justify: inter-ideograph;
}

.TopCol nav {
        margin: 20px 0 0 0;
}

.TopCol nav a {
        opacity: 1.0;
}

.TopCol nav a:hover{
        opacity: 0.5;
}

.ColLeft{
        dosplay:block;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
/*padding: 10px auto 10px auto;*/
        color: #fff;
        background: #35AEFF;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
}

.ColCenter {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
/*padding: 10px auto 10px auto;*/
        color: #fff;
        background: #35AEFF;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
}

.ColRight {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
/*padding: 10px auto 10px auto;*/
        color: #fff;
        background: #35AEFF;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
}

.entryImage100{
    margin: 40px auto 40px auto;

}

/* エントリー */
#seo {
        display:block;
        width:100%;
        margin:0 0 0 0;
}

#seo .columnLeft{
        display:block;
        float:left;
        width:500px;
        height:300px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#seo .columnRight{
        display:block;
        float:left;
        width:500px;
        height:300px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#seo figure img{
        display:block;
        margin:40px auto 40px auto;
}

#seo .columnLeft h3,
#seo .columnRight h3{
        padding:20px 0 20px 0;
        text-align:center;
        color:#FFF;
        background:#CCC;
}

#seo .columnLeft h3:before,
#seo .columnRight h3:before{
	content:none;
}

#mobilefirst {
        display:block;
        width:100%;
        margin:0 0 0 0;
}

#mobilefirst .columnLeft{
        display:block;
        float:left;
        width:500px;
        height:240px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#mobilefirst .columnRight{
        display:block;
        float:left;
        width:500px;
        height:240px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#mobilefirst .columnLeft h4,
#mobilefirst .columnRight h4{
        padding:20px 0 20px 0;
        text-align:center;
        color:#FFF;
        background:#CCC;
}


#mobilefirst figure img{
        display:block;
        margin:40px auto 40px auto;
}

#simpleDesign {
        display:block;
        width:100%;
        margin:0 0 0 0;
}

#simpleDesign .columnLeft{
        display:block;
        float:left;
        width:500px;
        height:200px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#simpleDesign .columnRight{
        display:block;
        float:left;
        width:500px;
        height:200px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#simpleDesign figure img{
        display:block;
        margin:40px auto 40px auto;
}

#simpleDesign .columnLeft h3,
#simpleDesign .columnRight h3{
        padding:20px 0 20px 0;
        text-align:center;
        color:#FFF;
        background:#CCC;
}

#simpleDesign .columnLeft h3:before,
#simpleDesign .columnRight h3:before{
	content:none;
}

#cross-mall-ec .columnLeft h3,
#cross-mall-ec .columnRight h3{
        padding:20px 0 20px 0;
        text-align:center;
        color:#FFF;
        background:#CCC;
}

#cross-mall-ec .columnLeft,
#cross-mall-ec .columnRight{
        display:block;
        float:left;
        width:500px;
        height:300px;
        margin:20px 10px 40px 0;
        background:#FAFBFC;
}

#cross-mall-ec .columnLeft h3:before,
#cross-mall-ec .columnRight h3:before{
	content:none;
}

#cross-mall-ec .columnLeft li,
#cross-mall-ec .columnRight li{
        font-size:0.9em;
        padding:10px 0 0 0;
        margin:0 40px 0 40px;
}

#cross-mall-ec .columnLeft li:before,
#cross-mall-ec .columnRight li:before {
	content:'・ ';
	color: #3581FF;
}


#customize {
        display:block;
        width:100%;
        margin:0 0 0 0;
}

#customize .columnLeft{
        display:block;
        float:left;
        width:500px;
        height:514px;
        margin:20px 10px 40px 0;
}

#customize .columnLeft p{
        height:160px;
}

#customize .columnLeft li{
        font-size:0.9em;
        padding:10px 0 0 0;
        margin:0 40px 0 40px;
}

#customize .columnLeft li:before {
	content:'・ ';
	color: #3581FF;
}

#customize .columnRight{
        display:block;
        float:left;
        width:500px;
        height:514px;
        margin:20px 0 40px 10px;
}

#customize .columnRight p{
        height:160px;
}

#customize .columnRight li{
        font-size:0.9em;
        padding:10px 0 0 0;
        margin:0 40px 0 40px;
}

#customize .columnRight li:before {
	content:'・ ';
	color: #3581FF;
}

#customize .columnBottom {
        display:block;
        clear:both;
}

#customize .columnLeft h3,
#customize .columnRight h3{
        padding:20px 0 20px 0;
        text-align:center;
        color:#FFF;
        background:#CCC;
}

#customize .columnLeft h3:before,
#customize .columnRight h3:before{
	content:none;
}

#costPerformance table {
        width:90%;
        margin: 20px auto 20px auto;
}

#costPerformance td {
        border: 1px solid #CCC;
        border-collapse: collapse;
}

#costPerformance .strongPointLeft {
        background:#FFCCFF;
        border-left: 3px solid #FF0000;
        border-top: 3px solid #FF0000;
        border-bottom: 3px solid #FF0000;
        border-collapse: collapse;
}

#costPerformance .strongPointMiddle {
        background:#FFCCFF;
        border-top: 3px solid #FF0000;
        border-bottom: 3px solid #FF0000;
        border-collapse: collapse;
}

#costPerformance .strongPointRight {
        background:#FFCCFF;
        border-right: 3px solid #FF0000;
        border-top: 3px solid #FF0000;
        border-bottom: 3px solid #FF0000;
        border-collapse: collapse;
}

#process .column{
clear:both;
}

#process .column h4{
        float:left;
        width:300px;
        margin:0;
        margin:10px 0 0 40px;
        padding:20px 0 20px 0;
        background:#666;
        color:#FFF;
        text-align:center;
}

#process .column h3{
        clear:both;
        padding:20px 0 20px 0;
}

#process .column p{
        float:left;
        width:600px;
        min-height: 80px;
        height: auto !important;
        height: 80px;
        margin:10px 0 0 0;
        padding:5px 20px 20px 20px;
        background:#FAFBFC;
        text-align:left;
}

#process #attention h3{
        clear:both;
        padding:20px 0 20px 0;
}

#process #attention p{
        text-align: justify;
        text-justify: inter-ideograph;
}

#aboutus #map {
        display:block;
        width:90%;
        margin: 20px auto 20px auto;
}

/* メンバーページ */
#guidearea {
        margin: 20px auto 20px 40px;
}

#guidearea li {
        font-size:80%;
        border: 0;
        list-style-type: decimal;
}

#siyouarea {
        margin: 20px auto 20px 40px;
}

#siyouarea li {
        font-size:80%;
        border: 0;
}

/* クローズ時メッセージ */

#close_massage {
        width: 100%;
        padding:50px;
}

#close_massage h1{
        font-size:200%;
        color:#000000;
}

#close_massage address{
        margin:20px 0 20px 0;
        padding:20px 0 20px 0;
}

#kojinjouhou .column h4,
#privacy .column h4{
        margin: 0 40px 10px 40px;

}

#kojinjouhou .column p,
#privacy .column p{
        margin:0 40px 10px 40px;
        font-size:0.8em;

}

#aboutus {}
#aboutus #CorporatePhilosophy {}
#aboutus #CorporatePhilosophy p.signature{
        text-align:right;
}
#aboutus #CompanyProfile table{
        width:90%;
}
#aboutus #CompanyProfile th,
#aboutus #CompanyProfile td{
        padding:20px;
}
#aboutus #CompanyProfile li{
        border:none;
}
#aboutus #OfficeLocation {}

#start-ec {}

#start-ec #ProductAppeal,
#start-ec #Planning,
#start-ec #Management {
        display:block;
        min-height:348px; 
        height:auto !important; 
        height:360px;
        float: left;
        width: 300px;
        margin: 20px ;
        padding: 0;
        border: 0;
}

#start-ec #ProductAppeal h3,
#start-ec #Planning h3,
#start-ec #Management h3 {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 20px 0 20px 0;
        text-align: center;
        font-size: 150%;
        color: #FFFFFF;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
/*padding: 10px auto 10px auto;*/
        color: #fff;
        background: #35AEFF;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
}

#start-ec > h3:before,
#start-ec #ProductAppeal h3:before,
#start-ec #Planning h3:before,
#start-ec #Management h3:before,
#start-ec #Openinglocation h3:before,
#start-ec #CompareShoppingMall h3:before {
        content:none;
}

#start-ec #ProductAppeal ul,
#start-ec #Planning ul,
#start-ec #Management ul {
        text-align:center;
}

#start-ec #ProductAppeal li,
#start-ec #Planning li,
#start-ec #Management li {
        display:inline-block;
        margin:0 0 5px 0;
        padding:5px;
        text-align:center;
        color:#fff;
        background:#FF66CC;
        font-size:0.9em;
        font-weight:bold;
}

#start-ec #ProductAppeal p,
#start-ec #Planning p,
#start-ec #Management p {
        width: 100%;
        margin: 0;
        text-align: left;
        min-height:189px; 
        height:auto !important; 
        height:189px;
        text-align: justify;
        text-justify: inter-ideograph;
}

#start-ec #Promotion{
        clear:both;
}

#start-ec > h3,
#start-ec #Promotion h4,
#start-ec #Openinglocation h3,
#start-ec #CompareShoppingMall h3{
        clear:both;
        color:#35AEFF;
        font-size:1.2em;
        font-weight:bold;
}

#start-ec > h3 i,
#start-ec #Promotion h4 i,
#start-ec #Openinglocation h3 i,
#start-ec #CompareShoppingMall h3 i {
        color:#35AEFF;
}

#start-ec #Openinglocation table {
        width:90%;
        margin:20px auto 20px auto;
}

#start-ec #Openinglocation th {
        white-space:nowrap;
        background: #efefef;
}

#start-ec #Openinglocation th,
#start-ec #Openinglocation td {
        padding:20px;
        border:1px dotted #ccc;
}

#start-ec #Openinglocation td a:hover {
        padding:20px;
        border:1px dotted #ccc;
        opacity: 0.5;
}

#start-ec p.Notes{
        width:90%;
        margin:5px auto 5px auto;
        font-size:0.8em;
}

#info dl{
}

#info dt{
        width:96%;
        margin:30px auto 10px auto;
        font-size:0.8em;
}

#info dd{
        width:96%;
        margin:10px auto 30px auto;
        font-size:0.8em;
}


.doubleColumn {
        display:block;
        width:100%;
        margin:0 0 0 0;
}

.doubleColumnLeft,
.doubleColumnRight {
        display:block;
        float:left;
        width:50%;
        height:514px;
        margin:20px 0;
}

.doubleColumnLeft h3,
.doubleColumnRight h3 {
        width:calc(100%-40px);
        padding:20px;
        background:#3581FF;
        color:#fff;
        font-size:1.5em;
        text-align:center;
}

.doubleColumnLeft h3:before,
.doubleColumnRight h3:before {
	content:none;
}


.doubleColumnLeft p,
.doubleColumnRight p {
        height:160px;
}

.doubleColumnLeft li,
.doubleColumnRight li {
        font-size:0.9em;
        padding:10px 0 0 0;
        margin:0 40px 0 40px;
}

.doubleColumnLeft li:before,
.doubleColumnRight li:before {
	content:'・ ';
	color: #3581FF;
}

/* モールコンバーター beta 0.0.2 */

.description {
        font-size:90%;
}

#suggest {
        width:80%;
        padding:10px;
        border:1px dotted #ff0000;
        background:#FFE8E8;
}



/* CSSテスト */
#test {width:100%; margin:0; padding:0; border:0; background:#FFE8E8;}

#test * {
        font-size:4.375vw;
        -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */
        }
#test h1 {font-size:7.5vw;}
#test h2 {font-size:6.875vw;}
#test h3 {font-size:6.25vw;}
#test h4 {font-size:5vw;}
        @media(min-width:500px){/* 幅が500px以上になるとvw指定は文字が大きくなりすぎるので、サイズを固定 */
                #test * {font-size:14px;}
                #test h1 {font-size:24px;}
                #test h2 {font-size:22px;}
                #test h3 {font-size:20px;}
                #test h4 {font-size:18px;}
        }

#test .singleColumn {clear:both; width:calc(100% - 20px); margin:10px; background:#FF99CC;}
#test .singleColumn h3 {width:100%;}
#test .singleColumn h4 {width:100%;}
#test .singleColumn h5 {width:100%;}
#test .singleColumn h6 {width:100%;}
#test .singleColumn p {width:100%;}
#test .singleColumn ul {}
#test .singleColumn li {width:100%;}
#test .singleColumn dl {}
#test .singleColumn dt {width:100%;}
#test .singleColumn dd {width:100%;}
#test .singleColumn table {width:100%;}
#test .singleColumn tr {}
#test .singleColumn th {}
#test .singleColumn td {}
#test .singleColumn thead {}
#test .singleColumn tbody {}
#test .singleColumn tfoot {}
#test .singleColumn img {width:100%;}

#test .doubleColumn {clear:both; width:100%; margin:0; background:#FFFFCC;}
#test .doubleColumnLeft,
#test .doubleColumnRight {width:calc(100% - 20px); margin:10px; background:#99FF66;}
        @media(min-width:500px){/* 幅が500px以上になるとvw指定は文字が大きくなりすぎるので、サイズを固定 */
                #test .doubleColumnLeft,
                #test .doubleColumnRight {float:left; width:calc(50% - 20px); margin:10px; background:#99FF66;}
        }
#test .doubleColumnLeft h3,
#test .doubleColumnRight h3 {}
#test .doubleColumnLeft h4,
#test .doubleColumnRight h4 {}
#test .doubleColumnLeft h5,
#test .doubleColumnRight h5 {}
#test .doubleColumnLeft h6,
#test .doubleColumnRight h6 {}
#test .doubleColumnLeft p,
#test .doubleColumnRight p {background:#FFFFCC;}
#test .doubleColumnLeft ul,
#test .doubleColumnRight ul {}
#test .doubleColumnLeft li,
#test .doubleColumnRight li {}
#test .doubleColumnLeft dl,
#test .doubleColumnRight dl {}
#test .doubleColumnLeft dt,
#test .doubleColumnRight dt {}
#test .doubleColumnLeft dd,
#test .doubleColumnRight dd {}
#test .doubleColumnLeft table,
#test .doubleColumnRight table {}
#test .doubleColumnLeft tr,
#test .doubleColumnRight tr {}
#test .doubleColumnLeft th,
#test .doubleColumnRight th {}
#test .doubleColumnLeft td,
#test .doubleColumnRight td {}
#test .doubleColumnLeft thead,
#test .doubleColumnRight thead {}
#test .doubleColumnLeft tbody,
#test .doubleColumnRight tbody {}
#test .doubleColumnLeft tfoot,
#test .doubleColumnRight tfoot {}
#test .doubleColumnLeft img,
#test .doubleColumnRight img {width:100%;}

#test .tripleColumn {clear:both; width:100%; margin:0; background:#CCFFFF;}
#test .tripleColumnLeft,
#test .tripleColumnCenter,
#test .tripleColumnRight {width:calc(100% - 20px);margin:10px; background:#FFCC66;}
        @media(min-width:500px){/* 幅が500px以上になるとvw指定は文字が大きくなりすぎるので、サイズを固定 */
                #test .tripleColumnLeft,
                #test .tripleColumnCenter,
                #test .tripleColumnRight {float:left; width:calc(100%/3 - 20px); margin:10px; background:#99FF66;}
        }
#test .tripleColumnLeft h3,
#test .tripleColumnCenter h3,
#test .tripleColumnRight h3 {}
#test .tripleColumnLeft h4,
#test .tripleColumnCenter h4,
#test .tripleColumnRight h4 {}
#test .tripleColumnLeft h5,
#test .tripleColumnCenter h5,
#test .tripleColumnRight h5 {}
#test .tripleColumnLeft h6,
#test .tripleColumnCenter h6,
#test .tripleColumnRight h6 {}
#test .tripleColumnLeft p,
#test .tripleColumnCenter p,
#test .tripleColumnRight p {}
#test .tripleColumnLeft ul,
#test .tripleColumnCenter ul,
#test .tripleColumnRight ul {}
#test .tripleColumnLeft li,
#test .tripleColumnCenter li,
#test .tripleColumnRight li {}
#test .tripleColumnLeft dl,
#test .tripleColumnCenter dl,
#test .tripleColumnRight dl {}
#test .tripleColumnLeft dt,
#test .tripleColumnCenter dt,
#test .tripleColumnRight dt {}
#test .tripleColumnLeft dd,
#test .tripleColumnCenter dd,
#test .tripleColumnRight dd {}
#test .tripleColumnLeft table,
#test .tripleColumnCenter table,
#test .tripleColumnRight table {}
#test .tripleColumnLeft tr,
#test .tripleColumnCenter tr,
#test .tripleColumnRight tr {}
#test .tripleColumnLeft th,
#test .tripleColumnCenter th,
#test .tripleColumnRight th {}
#test .tripleColumnLeft td,
#test .tripleColumnCenter td,
#test .tripleColumnRight td {}
#test .tripleColumnLeft thead,
#test .tripleColumnCenter thead,
#test .tripleColumnRight thead {}
#test .tripleColumnLeft tbody,
#test .tripleColumnCenter tbody,
#test .tripleColumnRight tbody {}
#test .tripleColumnLeft tfoot,
#test .tripleColumnCenter tfoot,
#test .tripleColumnRight tfoot {}
#test .tripleColumnLeft img,
#test .tripleColumnCenter img,
#test .tripleColumnRight img {width:100%;}

header #contactUs strong a 
header #contactUs strong a:hover 
header #contactUs strong a:visited 
header #contactUs strong a:active {
        text-decoration: none;
        color:#FFF;
}