@charset "UTF-8";
/* CSS Document */

/* left-box */
.left-box {
	width:730px;
	height:auto;
	float:left;
	margin-bottom:50px;
}

h3 {
	color:#444444;
}

/*===========homepage============*/
.homepage {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.homepage h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-home */
.top-home {
	width:660px;
	height:400px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.img-box {
	width:270px;
	height:350px;
	float:left;
}

.img-box img {
	width:270px;
	height:305px;
	margin:25px 0;
}

.text-box {
	width:390px;
	height:350px;
	float:left;
}

.text-box h3 {
	margin-top:25px;
	margin-left:25px;
}

.text-box p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 25px;
}

/* internet */
.internet {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

img.internet-p {
	width:282px;
	height:180px;
	margin:20px 0;
	margin-right:20px;
	float:left;
}

.internet p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

p.i-tt {
	margin-top:30px;
}

.internet b {
	width:660px;
	display:block;
	font-size:13px;
	color:#444444;
	margin-top:10px;
	margin-bottom:35px;
	clear:both;
}

/* net-h */
.net-h {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.net-h h3 {
	margin-bottom:20px;
}

.net-h p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

/* net-w */
.net-w {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.net-w h3 {
	margin-bottom:20px;
}

.net-w p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

p.bottom-h {
	margin-bottom:35px;
}

/* net-s */
.net-s {
	width:660px;
	height:270px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.net-s h3 {
	margin-bottom:20px;
}

.net-s p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

p.bottom-h {
	margin-bottom:35px;
}

img.homepage-s {
	width:282px;
	height:180px;
	margin-right:20px;
	float:left;
}

/*===========listing============*/
.listing {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.listing h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-listing */
.top-listing {
	width:660px;
	height:250px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.img-box2 {
	width:270px;
	height:250px;
	float:left;
}

.img-box2 img {
	width:270px;
	height:200px;
	margin:25px 0;
}

.text-box2 {
	width:390px;
	height:250px;
	float:left;
}

.text-box2 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 25px;
}

p.text-top {
	margin-top:25px;
}

/* listing-h */
.listing-h {
	width:660px;
	height:auto;
	margin-bottom:50px;
	border-bottom:solid 1px #E2E2E2;
}

.listing-h h3 {
	margin-bottom:20px;
}

.listing-h p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.listing-h p.bottom-h {
	margin-bottom:35px;
}

/* listing-merit */
.listing-merit {
	width:660px;
	height:auto;
	margin-top:100px;
	margin-bottom:30px;
	border:solid 1px #E2E2E2;
}

.listing-merit h2 {
	color:#444444;
	font-size:22px;
	margin:15px 0 15px 20px;
}

.lmb {
	width:620px;
	height:170px;
	margin:20px;
	border-bottom:solid 1px #E2E2E2;
}

.lmb img {
	width:150px;
	height:150px;
	float:left;
}

.lmb h3 {
	margin-left:20px;
	margin-bottom:10px;
	float:left;
}

.lmb .lmb-box {
	width:450px;
	height:140px;
	margin-left:20px;
	float:left;
}

.lmb p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.lmb-bottom {
	border:none;
}

/*===========seo============*/
.seo {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.seo h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-seo */
.top-seo {
	width:660px;
	height:300px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.img-box3 {
	width:270px;
	height:250px;
	float:left;
}

.img-box3 img {
	width:270px;
	height:200px;
	margin:25px 0;
}

.text-box3 {
	width:390px;
	height:250px;
	float:left;
}

.text-box3 h3 {
	margin-top:25px;
	margin-left:25px;
}

.text-box3 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 25px;
}

/* seo-merit */
.seo-merit {
	width:660px;
	height:290px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.seo-merit h3 {
	margin-bottom:20px;
}

.seo-merit img {
	width:200px;
	height:180px;
	margin:10px 20px 10px 0;
	float:left;
}

.seo-mt {
	width:440px;
	height:auto;
	margin:10px 0 10px 0;
	float:left;
}

.seo-mt a {
	color:#0D76FF;
}

.seo-merit p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.seo-merit p.bottom-h {
	margin-bottom:35px;
}

/* seo-info */
img.seo-info {
	margin-bottom:50px;
}

/*===========sns============*/
.sns {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.sns h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-sns */
.top-sns {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.top-sns h3 {
	margin-top:25px;
	font-weight:600;
}

.img-box4 {
	width:660px;
	height:300px;
}

.img-box4 img {
	width:660px;
	height:285px;
	margin:25px 0;
}

.text-box4 {
	width:660px;
	height:200px;
	margin:45px 0;
}

.text-box4 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* sns-merit */
.sns-merit {
	width:660px;
	height:180px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.sns-merit h3 {
	margin-bottom:20px;
}

.sns-mt {
	width:660px;
	height:auto;
	margin:10px 0 10px 0;
	float:left;
}

.sns-merit p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.sns-merit p.bottom-h {
	margin-bottom:35px;
}

.long {
	width:660px;
	height:230px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

/*===========event============*/
.event {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.event h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-event */
.top-event {
	width:660px;
	height:300px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.img-box5 {
	width:270px;
	height:250px;
	float:left;
}

.img-box5 img {
	width:270px;
	height:200px;
	margin:25px 0;
}

.text-box5 {
	width:390px;
	height:250px;
	float:left;
}

.text-box5 h3 {
	margin-top:25px;
	margin-left:25px;
}

.text-box5 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 25px;
}

/* event-info */
.event-info {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.event-info h3 {
	margin-bottom:20px;
}

.event-info img {
	width:660px;
	height:200px;
	margin:20px 0 40px 0;
	float:left;
}

.event-if {
	width:660px;
	height:auto;
	margin:20px 0;
}

.event-if p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.event-info p.bottom-h {
	margin-bottom:35px;
}

/* event-merit */
.event-merit {
	width:660px;
	height:350px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.event-merit h3 {
	margin-bottom:20px;
}

.event-merit img {
	width:200px;
	height:180px;
	margin:10px 20px 10px 0;
	float:left;
}

.event-mt {
	width:440px;
	height:auto;
	margin:10px 0 10px 0;
	float:left;
}

.event-mt p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.event p.bottom-h {
	margin-bottom:35px;
}

/* event-challenge */
.event-challenge {
	width:660px;
	height:200px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.event-challenge h3 {
	margin-bottom:20px;
}

.event-challenge p {
	margin-bottom:15px;
}

.challenge2 {
	height:150px;
}

.challenge2 p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

/* event-mix */
.event-mix {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.event-mix h3 {
	margin-bottom:20px;
}

.p-mix {
	width:660px;
	height:228px;
	margin-bottom:30px;
	pading:0;
}

.p-mix img {
	width:165px;
	height:228px;
	margin:0;
	padding:0;
	float:left;
}

.event-mix p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.event-mix p.bottom-h {
	margin-bottom:35px;
}

/*===========magazine============*/
.magazine {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.magazine h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* cal */
#k3dCarousel {
	width:660px;
	height:380px;
	margin-top:50px;
}

/* magazine-info */
.magazine-info {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.magazine-info h3 {
	margin-bottom:20px;
}

.magazine-info img {
	width:660px;
	height:200px;
	margin:20px 0 40px 0;
	float:left;
}

.magazine-if {
	width:660px;
	height:auto;
	margin:20px 0;
}

.magazine-if p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.magazine-info p.bottom-h {
	margin-bottom:35px;
}

/* magazine-info2 */
.magazine-info2 {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.magazine-info2 h3 {
	margin-bottom:20px;
}

.magazine-info2 p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.magazine-info2 p.bottom-h {
	margin-bottom:35px;
}

/*===========dm============*/
.dm {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.dm h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-sns */
.top-dm {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.top-dm h3 {
	margin-top:25px;
	font-weight:600;
	display:block;
}

.img-box6 {
	width:270px;
	height:200px;
	float:left;
	margin:30px 0;
}

.img-box6 img {
	width:270px;
	height:200px;
}

.text-box6 {
	width:660px;
	height:200px;
	margin:30px 0;
}

.text-box6 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* dm-merit */
.dm-merit {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.dm-merit h3 {
	margin-bottom:20px;
}

.post {
	width:270px;
	height:200px;
	background:url(../img/business/post.jpg);
	background-repeat:none;
	float:left;
}

.dm-merit img {
	width:270px;
	height:200px;
}

.dm-mt {
	width:390px;
	height:200px;
	float:left;
}

.dm-mt p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.dm p.bottom-h {
	margin-bottom:35px;
}

/* dm-t */
.dm-t {
	width:660px;
	height:auto;
	padding-top:50px;
	margin-bottom:30px;
	clear:both;
}

.dm-t p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

/* dm-t2 */
.dm-t2 {
	width:660px;
	height:auto;
	padding-top:50px;
	margin-bottom:30px;
	clear:both;
}

.dm-t2 p {
	width:660px;
	height:50px;
	font-size:15px;
	line-height:50px;
	color:#444444;
	margin-bottom:10px;
	border-bottom:solid 1px #CCCCCC;
}

.dm-t2 p img {
	width:50px;
	height:50px;
	float:left;
}

.dm-t2 span {
	font-size:13px;
	color:#444444;
	margin-bottom:30px;
	display:block;
}

/* dm-acting */
.dm-acting {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.dm-acting h3 {
	padding-top:50px;
	margin-bottom:20px;
}

.dm-acting h5 {
	font-size:14px;
	color:#444444;
}



.dm-acting p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

p.help {
	font-size:15px;
	font-weight:700;
	margin:20px 0;
	color:#444444;
}

.dm-acting h4 {
	color:#444444;
	margin:20px 0 30px 0;
}

.dm-acting img {
	width:660px;
	height:197px;
	margin-bottom:50px;
}

/* dm-flow */
.dm-flow {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.dm-flow h3 {
	margin-bottom:20px;
}

.dm-flow img {
	width:660px;
	height:300px;
	margin-bottom:50px;
}

/*===========logo============*/
.logo {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.logo h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-logo */
.top-logo {
	width:660px;
	height:300px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.top-logo h3 {
	margin-top:25px;
	font-weight:600;
}

.img-box7 {
	width:270px;
	height:200px;
	margin:25px 0;
	float:left;
}

.img-box7 img {
	width:270px;
	height:200px;
}

.text-box7 {
	width:390px;
	height:200px;
	margin:25px 0;
	float:left;
}

.text-box7 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* cvb */
.cvb {
	width:660px;
	height:auto;
	margin:80px 0 30px 0;
}

.cvb p {
	font-size:13px;
	color:#444444;
	margin:10px;
}

.cvb img {
	width:219px;
	height:80px;
}

.cvb_left {
	width:219px;
	height:350px;
	float:left;
	border-right:solid 1px #CCCCCC;
}

.cvb_center {
	width:219px;
	height:350px;
	float:left;
	border-right:solid 1px #CCCCCC;
}

.cvb_right {
	width:219px;
	height:350px;
	float:left;
}

.cvb img.vcb {
	width:660px;
	height:181px;
	margin-top:30px;
}

/* kanban */
.kanban {
	width:660px;
	height:380px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.kanban h3 {
	margin-bottom:20px;
}

.kanban h5 {
	font-size:15px;
	margin-bottom:10px;
}

.kanban-mt {
	width:660px;
	height:auto;
	margin:10px 0 10px 0;
	float:left;
}

.kanban-mt p {
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
}

.sns-merit p.bottom-h {
	margin-bottom:35px;
}

/*===========infra============*/
.infra {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.infra h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-infra */
.top-infra {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.top-infra h3 {
	margin-top:25px;
	font-weight:600;
}

.img-box8 {
	width:660px;
	height:350px;
}

.img-box8 img {
	width:660px;
	height:350px;
	margin:25px 0;
}

.text-box8 {
	width:660px;
	height:200px;
	margin:45px 0;
}

.text-box8 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* infra-category */
.infra-category {
	width:660px;
	height:auto;
	margin-bottom:50px;
	border-bottom:solid 1px #E2E2E2;
}

.infra-category img {
	margin-bottom:50px;
}


/*===========cloud============*/
.cloud {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.cloud h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-cloud */
.top-cloud {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.img-box9 {
	width:250px;
	height:350px;
	float:left;
}

.img-box9 img {
	width:230px;
	height:300px;
	margin:25px 0;
}

.text-box9 {
	width:390px;
	height:350px;
	margin-left:20px;
	float:left;
}

.text-box9 p.ctp {
	margin-top:25px;
}

.text-box9 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* cloud-w */
.cloud-w {
	width:660px;
	height:auto;
	padding-top:50px;
	margin-bottom:30px;
	clear:both;
}

.cloud-w h3 {
	color:#444444;
	margin-bottom:20px;
}

.cloud-w p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* cloud-s */
.cloud-s {
	width:660px;
	height:auto;
	margin-bottom:50px;
}

.cloud-s h5 {
	font-size:15px;
	color:#444444;
}

.cloud-s p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

.sph {
	width:660px;
	height:450px;
	margin-top:30px;
}

.sph-box {
	width:218px;
	height:350px;
	margin-right:-1px;
	margin-bottom:20px;
	border:solid 1px #000000;
	float:left;
}

.sph-right {
	margin-right:0;
}

.sph-box p {
	margin:10px;
	margin-top:15px;
}

p.sip {
	clear:both;
	margin:20px 0;
}

/* cloud-merit */
.cloud-merit {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.cmb {
	width:660px;
	height:auto;
	margin-top:30px;
}

.cloud-merit h3 {
	color:#444444;
	margin-bottom:20px;
}

.cloud-merit p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

.cmbb {
	margin-bottom:30px;
}

/*===========server============*/
.server {
	width:660px;
	height:auto;
	margin:50px 0 80px 0;
}

.server h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-server */
.top-server {
	width:660px;
	height:350px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.top-server h3 {
	margin:20px 0;
}

.img-box10 {
	width:250px;
	height:250px;
	float:left;
}

.img-box10 img {
	width:230px;
	height:200px;
	margin:25px 0;
}

.text-box10 {
	width:390px;
	height:250px;
	margin-left:20px;
	float:left;
}

.text-box10 p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

/* server-help */
.server-help {
	width:660px;
	height:700px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.server-help h3 {
	margin:20px 0;
}

.server-help p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

.s-box {
	width:329px;
	height:180px;
	border:solid 1px #CCCCCC;
	float:left;
	margin-left:-1px;
	margin-bottom:-1px;
}

.s-left {
	
}

.s-box img {
	width:50px;
	height:50px;
	float:left;
	margin:10px;
}

.s-box h4 {
	width:210px;
	height:50px;
	margin:10px;
	float:left;
}


.s-box p {
	width:300px;
	margin:20px 10px 10px 10px;
	clear:both;
}

/* server-merit */
.server-merit {
	width:660px;
	height:auto;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.smb {
	width:660px;
	height:auto;
	margin-top:30px;
}

.server-merit h3 {
	color:#444444;
	margin-bottom:20px;
}

.server-merit p {
	font-size:13px;
	color:#444444;
	margin:10px 0 0 0;
}

p.smbb {
	margin-bottom:30px;
}

/*===========conect============*/
.conect {
	width:660px;
	height:auto;
	margin:50px 0 80px 0;
}

.conect h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

/* top-conect */
.top-conect {
	width:660px;
	height:430px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.top-conect h3 {
	margin:20px 0;
}

.img-box11 {
	width:300px;
	height:300px;
	float:left;
}

.img-box11 img {
	width:300px;
	height:250px;
	margin:25px 0;
}

.text-box11 {
	width:340px;
	height:250px;
	margin-top:30px;
	margin-left:20px;
	float:left;
}

.text-box11 p {
	font-size:13px;
	color:#444444;
	line-height:2.3em;
	margin:0px 0 0 50px;
	font-weight:700;
}

h3.c-b {
	clear:both;
	text-align:center;
	padding-top:20px;
	margin-bottom:30px;
}

/* conect-merit */
.conect-merit {
	width:660px;
	height:auto;
	padding-top:50px;
	margin-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.c-m {
	width:300px;
	height:200px;
	margin-top:30px;
	margin-right:24px;
	margin-bottom:30px;
	border:solid 3px #CCCCCC;
	float:left;
}

.c-mh {
	width:300px;
	height:60px;
	border-bottom:solid 1px #CCCCCC;
}

.c-m h3 {
	margin:10px;
	font-size:17px;
	text-align:center;
}

.conect-merit p {
	font-size:13px;
	color:#444444;
	margin:10px;
}

.conect-merit h3 {
	color:#444444;
	margin-bottom:20px;
}



p.cnbb {
	margin:30px 0;
}

/* design */

.top-design h3 {
	margin:20px 0;
}
.top-design p.text-top {
	margin-bottom:20px;
}

.img-box12 img {
	float:left;
	margin-bottom:12px;
}

img.right-m {
	margin-right:12px;
}

img.f-right {
	float:right;
}

/* trade */

.top-trade {
	width:660px;
	height:auto;
	margin:50px 0 50px 0;
}

.top-trade h1 {
	font-size:23px;
	font-weight:normal;
	color:#444444;
}

.top-trade p {
	font-size:13px;
	color:#444444;
	margin:10px 20px;
}

.text-box12 {
	clear:both;
	width:660px;
	margin:45px 0;
}

.trade {
	width:660px;
	height:auto;
	border:solid 3px #E2E2E2;
	margin-bottom:30px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	clear:both;
}

p.trade-top {
	margin-top:30px;
}

.trade h3 {
	margin:20px;
}

.trade p {
	font-size:13px;
	color:#444444;
	margin:10px 20px;
}

p.div-s {
	width:660px;
	height:auto;
	font-size:13px;
	color:#444444;
	margin:10px;
	margin-bottom:50px;
	padding-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

.trade-flow {
	width:660px;
	height:auto;
}

.trade-flow a {
	text-decoration:underline;
}

.trade-flow h3 {
	margin:10px;
}

.trade-flow p {
	font-size:13px;
	color:#444444;
	margin:10px;
}

/* フロー */
.flow {
    margin: 0 auto 50px;
	margin-top:35px;
	text-align:center;
	color:#444444;
}
 
.flow .box {
    margin: 0 auto 33px;
    width: 95%;
    padding: 10px;
    border: 3px solid #E2E2E2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
 
.flow .box:after {
    border-top: 25px solid #E2E2E2;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    content: "";
    position: absolute;
    bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
    left: 50%;/* 中央寄せに使用 */
    margin-left: -70px; /* 中央寄せに使用 */
}
 
.flow .box:last-child:after {
    border: none; /* 最後のボックスだけ三角形を表示しない */
}

.center {
	text-align:center;
	font-size: 1.6em; /* テキストの指定 */
    font-weight: bold; /* テキストの指定 */
    line-height: 1.4; /* テキストの指定 */
}

h3.trade-bottom {
	margin-bottom:50px;
	text-align:center;
}



/* mobile */
.top-mobile {
	height:1050px;
	margin:50px 0 50px 0;
}

.text-box14 {
	width:660px;
	height:400px;
	margin:150px 0 30px 0;
}

h3.mobile-3 {
	padding:20px;
	clear:both;
}



.mobile-img {
	width:640px;
	margin:30px 10px 35px 10px;
	overflow:hidden;
}

.mobile-img img {
	width:300px;
	height:180px;
	margin:10px;
	float:left;
}

.mobile-f {
	width:620px;
	height:auto;
	border:solid 3px #E2E2E2;
	margin-bottom:30px;
	margin-left:20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	clear:both;
}

.mobile-f h3 {
	margin:20px;
}

.mobile-f p {
	font-size:13px;
	color:#444444;
	margin:10px 20px;
}

.mobile-f img {
	margin-left:5px;
}

.mobile-img p {
	text-align:center;
}

.factory {
	width:660px;
	height:auto;
	margin:20px 0 50px 0;
}

.factory h3 {
	margin:20px;
}

.factory-box {
	width:190px;
	height:180px;
	float:left;
	margin:13px;
	border:solid 1px #000;
}

.factory-box img {
	width:180px;
	height:130px;
	margin:5px;
}

.factory p {
	font-size:13px;
	color:#444444;
	text-align:center;
	margin:10px 20px;
}

h3.clear {
	padding-top:30px;
	margin-left:20px;
	clear:both;
}

.oem {
	width:620px;
	border:solid 1px #E2E2E2;
	margin:20px 0 50px 0;
	margin-left:20px;
	margin-bottom:50px;
}

.oem h3 {
	width:100%;
	color:#FFFFFF;
	text-align:center;
	background:#000;
	padding:10px 0;
	margin-bottom:30px;
	clear:both;
}

.oem p {
	font-size:13px;
	color:#444444;
	margin:10px 20px;
}

.oem-box {
	width:50%;
	float:left;
	margin-left:-1px;
	padding-bottom:20px;
	border-left:solid 1px #E2E2E2;
}

.oem h4 {
	width:100%;
	color:#FFFFFF;
	text-align:center;
	background:#000;
	padding:10px 0;
	margin-bottom:25px;
}

p.oemp {
	margin-top:0;
}

p.mobile-p {
	width:620px;
	font-size:13px;
	color:#444444;
	clear:both;
	margin:20px 0;
	margin-left:20px;
	margin-bottom:50px;
	padding-bottom:30px;
	border-bottom:solid 1px #E2E2E2;
}

hr.b-b {
	height: 1px;
	border: none;
	border-top:solid 1px #E2E2E2;
	clear:both;
}

p.bottom35 {
	margin-bottom:35px;
}

.oem h5 {
	margin:10px 20px;
}


/* right-box*/
.right-box {
	width:210px;
	height:480px;
	float:left;
	margin-top:50px;
	margin-left:20px;
	padding-top:30px;
}

.right-box img {
	border:solid 1px #CCCCCC;
}

img.banner {
	margin-top:-1px;
	margin:-1px;
	border:solid 1px F5F5F5;
}
