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

/* motherland コーポレートサイトcommon css file */

/* ==[ page and base object ]== */


/* ==[ basic font ]== */
*{ margin:0; padding:0; }
body {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック",verdana,sans-serif;
	font-size: 18px;
}

.head{ font-size:16px; }
.title{ font-size:14px; }
.text{ font-size:12px; }
.note{ font-size:11px; }
.mini{ font-size:10px; }

h1{ font-size:32px; }
h2{ font-size:30px; }
h3{ font-size:20px; }
h4{ font-size:16px; }
h5{ font-size:14px; }

/* ==[ common Basic ]== */
p, ul, ol, li { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
.clear { clear:both; }
*html div.clear { font-size:1px; }
.clfix:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}
.left { text-align:left; }
.right{ text-align:right; }
.center { text-align:center; }
.valSuper { vertical-align:super; font-size:smaller; }
.valBtm { vertical-align:bottom; }
.nowrap { white-space:nowrap; }
.pre { white-space:pre; }
.justify{
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
}

a { text-decoration:none; }
a:link{ color:#000; }
a:visited{ color:#000; }
a:hover{ color:#a0a0a0; text-decoration:underline; }

img { border:none; }

table{ border:none; padding:0; border-collapse:collapse; }

iframe { border:none; }

/* ==[ form object ]== */
form { padding:0; margin:0; }

.lform{
	border:solid #a0a0a0 1px;
	margin:0px;
	padding: 1px 5px;
	background:#e0e0e0;
	font-family:"メイリオ",verdana,sans-serif;
	font-size: 14px;
	color:#000;
	height:20px;
}

.lformPop {
	background:#FFFFFF;
	border:solid #C0C0C0 1px;
	font-size: 12px;
	min-width:60px;
	padding:0 5px;
	line-height:16px;
}

/* ==[ font color ]== */
.f_col_w { color: #fff; }
.f_col_b { color: #000; }
.f_col_r { color: #D00000; }
.f_col_bl { color:#004cd6; }
.f_col_p { color:#e400a0; }
.f_col_y { color:#f7c100; }
.f_col_gr{ color:#669933; }


/*==== [ size and margin and padding class ] ====================================================================*/
/* ==[ width ]== */
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w105 { width:105px; }
.w110 { width:110px; }
.w115 { width:115px; }
.w120 { width:120px; }
.w125 { width:125px; }
.w130 { width:130px; }
.w135 { width:135px; }
.w140 { width:140px; }
.w145 { width:145px; }
.w150 { width:150px; }
.w155 { width:155px; }
.w160 { width:160px; }
.w165 { width:165px; }
.w170 { width:170px; }
.w175 { width:175px; }
.w180 { width:180px; }
.w185 { width:185px; }
.w190 { width:190px; }
.w195 { width:195px; }
.w200 { width:200px; }
.w220 { width:220px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w340 { width:340px; }
.w350 { width:350px; }
.w360 { width:360px; }
.w380 { width:380px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w600 { width:600px; }
.w650 { width:650px; }
.w700 { width:700px; }
.w750 { width:750px; }
.w800 { width:800px; }
.w850 { width:850px; }
.w900 { width:900px; }
.w950 { width:950px; }
.w1000 { width:1000px; }

.w100p{ width: 100%; }
.w66p{ width: 66%; }
.w50p{ width: 50%; }
.w33p{ width: 33%; }
.w25p{ width: 25%; }
.w20p{ width: 20%; }
.w17p{ width: 17%; }
.w16p{ width: 16%; }
.w15p{ width: 15%; }
.w14p{ width: 14%; }
.w13p{ width: 13%; }
.w12p{ width: 12%; }
.w11p{ width: 11%; }
.w10p{ width: 10%; }
.w5p{ width: 5%; }


/* ==[ height ]== */
.h10{ height:10px; }
.h12{ height:12px; }
.h14{ height:14px; }
.h16{ height:16px; }
.h18{ height:18px; }
.h20{ height:20px; }
.h22{ height:22px; }
.h24{ height:24px; }
.h26{ height:26px; }
.h28{ height:28px; }
.h30{ height:30px; }
.h40{ height:40px; }
.h50{ height:50px; }
.h60{ height:60px; }
.h70{ height:70px; }
.h80{ height:80px; }
.h90{ height:90px; }
.h100{ height:100px; }
.h150{ height:150px; }
.h200{ height:200px; }
.h250{ height:250px; }
.h300{ height:300px; }
.h350{ height:350px; }
.h400{ height:400px; }

/* ==[ top margin ]== */
.tm0  { margin-top:0px; }
.tm1  { margin-top:1px; }
.tm2  { margin-top:2px; }
.tm3  { margin-top:3px; }
.tm4  { margin-top:4px; }
.tm5  { margin-top:5px; }
.tm6  { margin-top:6px; }
.tm7  { margin-top:7px; }
.tm8  { margin-top:8px; }
.tm9  { margin-top:9px; }
.tm10 { margin-top:10px; }
.tm11 { margin-top:11px; }
.tm12 { margin-top:12px; }
.tm13 { margin-top:13px; }
.tm14 { margin-top:14px; }
.tm15 { margin-top:15px; }
.tm20 { margin-top:20px; }
.tm25 { margin-top:25px; }
.tm30 { margin-top:30px; }
.tm35 { margin-top:35px; }
.tm40 { margin-top:40px; }
.tm45 { margin-top:45px; }
.tm50 { margin-top:50px; }
.tm55 { margin-top:55px; }
.tm60 { margin-top:60px; }
.tm65 { margin-top:65px; }
.tm70 { margin-top:70px; }
.tm75 { margin-top:75px; }
.tm80 { margin-top:80px; }
.tm85 { margin-top:85px; }
.tm90 { margin-top:90px; }
.tm95 { margin-top:95px; }
.tm100 { margin-top:100px; }
.tm120 { margin-top:120px; }

/* ==[ top padding ]== */
.tp0, .tbp0 { padding-top:0px; }
.tp1, .tbp1 { padding-top:1px; }
.tp2, .tbp2 { padding-top:2px; }
.tp3, .tbp3 { padding-top:3px; }
.tp4, .tbp4 { padding-top:4px; }
.tp5, .tbp5 { padding-top:5px; }
.tp6, .tbp6 { padding-top:6px; }
.tp7, .tbp7 { padding-top:7px; }
.tp8, .tbp8 { padding-top:8px; }
.tp9, .tbp9 { padding-top:9px; }
.tp10, .tbp10 { padding-top:10px; }
.tp11, .tbp11 { padding-top:11px; }
.tp12, .tbp12 { padding-top:12px; }
.tp13, .tbp13 { padding-top:13px; }
.tp14, .tbp14 { padding-top:14px; }
.tp15, .tbp15 { padding-top:15px; }
.tp16, .tbp16 { padding-top:16px; }
.tp17, .tbp17 { padding-top:17px; }
.tp18, .tbp18 { padding-top:18px; }
.tp19, .tbp19 { padding-top:19px; }
.tp20, .tbp20 { padding-top:20px; }
.tp25, .tbp25 { padding-top:25px; }
.tp30, .tbp30 { padding-top:30px; }
.tp35, .tbp35 { padding-top:35px; }
.tp40, .tbp40 { padding-top:40px; }
.tp45, .tbp45 { padding-top:45px; }
.tp50, .tbp50 { padding-top:50px; }
.tp55, .tbp55 { padding-top:55px; }
.tp60, .tbp60 { padding-top:60px; }
.tp65, .tbp65 { padding-top:65px; }
.tp70, .tbp70 { padding-top:70px; }
.tp75, .tbp75 { padding-top:75px; }
.tp80, .tbp80 { padding-top:80px; }
.tp85, .tbp85 { padding-top:85px; }
.tp90, .tbp90 { padding-top:90px; }
.tp95, .tbp95 { padding-top:95px; }
.tp100, .tbp100 { padding-top:100px; }
.tp150, .tbp150 { padding-top:150px; }
.tp200, .tbp200 { padding-top:200px; }

/* ==[ bottom padding ]== */
.bp0, .tbp0 { padding-bottom:0px; }
.bp1, .tbp1 { padding-bottom:1px; }
.bp2, .tbp2 { padding-bottom:2px; }
.bp3, .tbp3 { padding-bottom:3px; }
.bp4, .tbp4 { padding-bottom:4px; }
.bp5, .tbp5 { padding-bottom:5px; }
.bp6, .tbp6 { padding-bottom:6px; }
.bp7, .tbp7 { padding-bottom:7px; }
.bp8, .tbp8 { padding-bottom:8px; }
.bp9, .tbp9 { padding-bottom:9px; }
.bp10, .tbp10 { padding-bottom:10px; }
.bp11, .tbp11 { padding-bottom:11px; }
.bp12, .tbp12 { padding-bottom:12px; }
.bp13, .tbp13 { padding-bottom:13px; }
.bp14, .tbp14 { padding-bottom:14px; }
.bp15, .tbp15 { padding-bottom:15px; }
.bp16, .tbp16 { padding-bottom:16px; }
.bp17, .tbp17 { padding-bottom:17px; }
.bp18, .tbp18 { padding-bottom:18px; }
.bp19, .tbp19 { padding-bottom:19px; }
.bp20, .tbp20 { padding-bottom:20px; }
.bp25, .tbp25 { padding-bottom:25px; }
.bp30, .tbp30 { padding-bottom:30px; }
.bp35, .tbp35 { padding-bottom:35px; }
.bp40, .tbp40 { padding-bottom:40px; }
.bp45, .tbp45 { padding-bottom:45px; }
.bp50, .tbp50 { padding-bottom:50px; }
.bp55, .tbp55 { padding-bottom:55px; }
.bp60, .tbp60 { padding-bottom:60px; }
.bp65, .tbp65 { padding-bottom:65px; }
.bp70, .tbp70 { padding-bottom:70px; }
.bp75, .tbp75 { padding-bottom:75px; }
.bp80, .tbp80 { padding-bottom:80px; }
.bp85, .tbp85 { padding-bottom:85px; }
.bp90, .tbp90 { padding-bottom:90px; }
.bp95, .tbp95 { padding-bottom:95px; }
.bp100, .tbp100 { padding-bottom:100px; }
.bp150, .tbp150 { padding-bottom:150px; }
.bp200, .tbp200 { padding-bottom:200px; }

/* ==[ right padding ]== */
.rp0, .lrp0   { padding-right:0px; }
.rp1, .lrp1   { padding-right:1px; }
.rp2, .lrp2   { padding-right:2px; }
.rp3, .lrp3   { padding-right:3px; }
.rp4, .lrp4   { padding-right:4px; }
.rp5, .lrp5   { padding-right:5px; }
.rp6, .lrp6   { padding-right:6px; }
.rp7, .lrp7   { padding-right:7px; }
.rp8, .lrp8   { padding-right:8px; }
.rp9, .lrp9   { padding-right:9px; }
.rp10, .lrp10 { padding-right:10px; }
.rp11, .lrp11 { padding-right:11px; }
.rp12, .lrp12 { padding-right:12px; }
.rp13, .lrp13 { padding-right:13px; }
.rp14, .lrp14 { padding-right:14px; }
.rp15, .lrp15 { padding-right:15px; }
.rp16, .lrp16 { padding-right:16px; }
.rp17, .lrp17 { padding-right:17px; }
.rp18, .lrp18 { padding-right:18px; }
.rp19, .lrp19 { padding-right:19px; }
.rp20, .lrp20 { padding-right:20px; }
.rp25, .lrp25 { padding-right:25px; }
.rp30, .lrp30 { padding-right:30px; }
.rp35, .lrp35 { padding-right:35px; }
.rp40, .lrp40 { padding-right:40px; }
.rp45, .lrp45 { padding-right:45px; }
.rp50, .lrp50 { padding-right:50px; }
.rp60  { padding-right:60px; }
.rp70  { padding-right:70px; }
.rp80  { padding-right:80px; }
.rp90  { padding-right:90px; }
.rp100 { padding-right:100px; }

/* ==[ left padding ]== */
.lp0, .lrp0   { padding-left:0px; }
.lp1, .lrp1   { padding-left:1px; }
.lp2, .lrp2   { padding-left:2px; }
.lp3, .lrp3   { padding-left:3px; }
.lp4, .lrp4   { padding-left:4px; }
.lp5, .lrp5   { padding-left:5px; }
.lp6, .lrp6   { padding-left:6px; }
.lp7, .lrp7   { padding-left:7px; }
.lp8, .lrp8   { padding-left:8px; }
.lp9, .lrp9   { padding-left:9px; }
.lp10, .lrp10 { padding-left:10px; }
.lp11, .lrp11 { padding-left:11px; }
.lp12, .lrp12 { padding-left:12px; }
.lp13, .lrp13 { padding-left:13px; }
.lp14, .lrp14 { padding-left:14px; }
.lp15, .lrp15 { padding-left:15px; }
.lp16, .lrp16 { padding-left:16px; }
.lp17, .lrp17 { padding-left:17px; }
.lp18, .lrp18 { padding-left:18px; }
.lp19, .lrp19 { padding-left:19px; }
.lp20, .lrp20 { padding-left:20px; }
.lp25, .lrp25 { padding-left:25px; }
.lp30, .lrp30 { padding-left:30px; }
.lp35, .lrp35 { padding-left:35px; }
.lp40, .lrp40 { padding-left:40px; }
.lp45, .lrp45 { padding-left:45px; }
.lp50, .lrp50 { padding-left:50px; }
.lp60  { padding-left:60px; }
.lp70  { padding-left:70px; }
.lp80  { padding-left:80px; }
.lp90  { padding-left:90px; }
.lp100 { padding-left:100px; }


/* for smart phone */

/* for tablet */
@media only screen and (min-device-width: 481px) (max-device-width: 1024px) {
}

/* for smart phone */
@media only screen and (max-device-width: 640px) {

/*
h1{ font-size:36px; }
h2{ font-size:30px; }
h3{ font-size:28px; }
h4{ font-size:20px; }
h5{ font-size:18px; }

.head{ font-size:24px; }
.title{ font-size:22px; }
.text{ font-size:18px; }
.note{ font-size:16px; }
.mini{ font-size:14px; }
*/
}