/*	var1.0
	Disc {
		Grid seting [
			@Rule of nest
				w -> cn -> bg 
					*IF you split bg
					-> sp -> un-fs,un
			@.sp Special classes
				.sp"i"-"j1"_"j2"_"j3"
				"i" is denominator
				"j" is numerator
				EX) .sp3-2_1
				.un .fs = "2/3"
				.un = "3/1"

			*width is abbreviated to "w"
			*px is abbreviated to "p"
			*fixed is abbreviated to "fx"
			*left is abbreviated to "l"
			*right is abbreviated to "r"
			*content is abbreviated to "cn"
			*body is abbreviated to "db"
			*split is abbreviated to "sp"
			*unit is abbreviated to "un"
			*farst is abbreviated to "fs"
			
			@Custom width setting [
				*For non-IE browser
					px/13 = em
				*For IE
					px/13.3333 = em
				EX) width 600px
					custom width {
						margin:auto;
						text-align:left;
						width:46.15em;
						*width:46em
						min-width:600px;
					}
			]
		]

		Font size settng [
			For pixels(px)	Declare this percent(%)
			10px			77%
			11px			85%
			12px			93%
			13px			100%
			14px			108%
			15px			116%
			16px			123.1%
			17px			131%
			18px			138.5%
			19px			146.5%
			20px			153.9%
			21px			161.6%
			22px			167%
			23px			174%
			24px			182%
			25px			189%
			26px			197%
		]
	}
*/

@import "lib/reset.css";
@import "lib/grids.css";

/* common setting */
#meiko h1 {
	margin:0 !important;
	padding:0 !important;
}

#meiko h2,
#meiko h3,
#meiko h4,
#meiko h5,
#meiko h6 {
	margin:0 0 18px;
}

#meiko strong {
	margin:0 0 12px !important;
	display:block;
}

#meiko table {
	margin:0 25px;
	width:500px;
	text-align:center;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#meiko td {
	padding:10px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#meiko .farst td {
	background:#0054A7;
	color:#fff;
	font-weight:bold;
}

#meiko .farst span {
	color:#FFF100;
}

#meiko td.bold {
	color:#0054A7;
	font-weight:bold;
}

#meiko td.hilight {
	color:#FF6600;
	font-weight:bold;
}

#meiko p {
	margin:0 0 10px;
	line-height:1.5;
	color:#333333;
}

#meiko a {
	color:#0054A7;
	text-decoration:underline;
}

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

.entry {
	margin:0 0 20px!important;
	width:550px;
	height:240px;
	background:url(../../images/meiko/meiko_entry_bg.jpg) repeat-x;
	text-align:center;
}

.entry02 {
	margin:0 0 20px!important;
	width:550px;
	height:213px;
	text-align:center;
}

#gnavi {
	position:relative;
	width:550px;
	height:109px;
	background:url(../../images/meiko/meiko_navi_bg.jpg) no-repeat top;
}
#gnavi a {
	text-decoration:none;
}

#gnavi a:hover {
	color:#0000FF;
	text-decoration:underline;
}

#gnavi a.top {
	position:absolute;
	left: 47px;
	top: 79px;
}

#gnavi a.biz {
	position:absolute;
	left: 230px;
	top: 79px;
}

#gnavi a.day {
	position:absolute;
	left: 396px;
	top: 79px;
}

#gnavi ul {
	position:absolute;
	top:4px;
	left:18px;
	height:64px;
}

#gnavi li {
	margin:0 0 0 0px;
	float:left;
}

/* top content*/
#top_eye {
	position:relative;
	width:550px;
	height:180px;
	background:url(../../images/meiko/meiko_top_eye.jpg) left no-repeat;
}

#top_eye a {
	position:absolute;
	right:0;
}

#top_content1,
#top_content3,
#top_content4,
#top_content5 {
	margin:0 0 30px !important;
 	width:550px;
}

#top_content1 {
	background:url(../../images/meiko/meiko_top_bg_2.jpg) top right no-repeat;
}

#top_content1 p {
	width:342px;
}

#top_content1 span {
	color:#FF0000;
}

#top_content2 {
	margin:0 0 10px !important;
 	width:550px;
}

#top_content2 span {
	color:#FF0000;
}

#top_content2 .push {
	position:relative;
	width:550px;
	height:206px;
	margin:20px 0px 0px 0px;
	background:url(../../images/meiko/meiko_top_bg_3.jpg) no-repeat center;
}

#top_content2 div.push ul {
	position:absolute;
	top:56px;
	left:53px;
}

#top_content2 div.push li {
	margin:0 0 18px;
	padding:0 0 0 25px;
	width:405px;
	background:url(../../images/meiko/meiko_icon_1.jpg) no-repeat left top;
}

#top_content2 .push01 {
	margin-bottom:30px;
	padding:30px 0px 400px;
	background:url(../../images/meiko/BG_01.jpg) no-repeat bottom center;
}

#top_content2 .push02 {
	margin-bottom:30px;
	padding:30px 0px 120px;
	background:url(../../images/meiko/BG_02.jpg) no-repeat bottom center;
}



#top_content2_1 {
	margin:0 0 10px !important;
 	width:550px;
}

#top_content2_1 span {
	color:#FF0000;
}


#top_content3 {
	position:relative;
}

#top_content3 p {
	width:342px;
}

#top_content3 .btn {
	position:absolute;
	left: 376px;
	top: 2px;
}

#top_content3 a.link {
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	width:342px;
	background:url(../../images/meiko/meiko_top_icon_2.jpg) no-repeat;
	line-height:20px;
}

#top_content4 {
	background:url(../../images/meiko/meiko_top_bg_5.jpg) top right no-repeat;
}

#top_content4 p {
	width:240px;
}

#top_content4 span {
	color:#FF0000;
}

#top_content4 p.all {
	width:550px;
}

/* biz */

#biz_eye {
	width:550px;
	height:180px;
	background:url(../../images/meiko/meiko_biz_eye.jpg) left no-repeat;
}

#biz_content1,
#biz_content2,
#biz_content3 {
	margin:0 0 30px !important;
 	width:550px;
}

#biz_content1 td {
	width:140px;
}

#biz_content1 img {
	margin:10xp 0 0;
}

#biz_content1 p.small {
	margin:5px 0 0 25px;
	font-size:85%;
	color:#0054A7;
}

#biz_content1 .push {
	position:relative;
	margin:30px 0;
	width:550px;
	height:70px;
	background:url(../../images/meiko/meiko_biz_bg_7.jpg) no-repeat center;
}

#biz_content1 .push01 {
	margin:30px 0;
	text-align:center;
}

#biz_content1 .push p {
	position:absolute;
	top:20px;
	left:100px;
}

#biz_content1 .push span {
	color:#0054A7;
	font-weight:bold;
}

#biz_content2 {
	background:url(../../images/meiko/meiko_biz_bg_1.jpg) no-repeat right top;
}

#biz_content2 p {
	width:340px;
}

#biz_content2 p.last {
	margin:0 0 70px;
}

#biz_content2 dl {
	margin:0 0 20px 25px;
	height:80px;
}

#biz_content2 dt {
	margin:0 0 5px 90px;
}

#biz_content2 dd {
	margin:0 0 0 90px;
}

#biz_content2 dl.st_1 {
	background:url(../../images/meiko/meiko_biz_bg_2.jpg) no-repeat;
}

#biz_content2 dl.st_2 {
	background:url(../../images/meiko/meiko_biz_bg_3.jpg) no-repeat;
}

#biz_content2 dl.st_3 {
	background:url(../../images/meiko/meiko_biz_bg_4.jpg) no-repeat;
}

#biz_content2 dl.st_4 {
	background:url(../../images/meiko/meiko_biz_bg_5.jpg) no-repeat;
}

#biz_content2 dl.st_5 {
	background:url(../../images/meiko/meiko_biz_bg_6.jpg) no-repeat;
}

#biz_content3 td.gray {
	background-color:#f5f5f5;
	color:#0054A7;
	font-weight:bold;
}

#biz_content3 .push {
	position:relative;
	width:550px;
	height:156px;
	margin:20px 0 10px 0;
	background:url(../../images/meiko/meiko_biz_bg_8.jpg) no-repeat center;
}

#biz_content3 div.push ul {
	position:absolute;
	top:56px;
	left:53px;
}

#biz_content3 div.push li {
	margin:0 0 18px;
	padding:0 0 0 25px;
	width:405px;
	background:url(../../images/meiko/meiko_icon_1.jpg) no-repeat left top;
}

/* day */

#day_eye {
	width:550px;
	height:180px;
	background:url(../../images/meiko/meiko_day_eye.jpg) left no-repeat;
}

#day_content1,
#day_content2 {
	margin:0 0 30px !important;
 	width:550px;
}

#day_content1 {
	background:url(../../images/meiko/meiko_day_bg_1.jpg) no-repeat right top;
}

#day_content1 p {
	width:320px;
}

#day_content2 li.li_1,
#day_content2 li.li_2,
#day_content2 li.li_3,
#day_content2 li.li_4,
#day_content2 li.li_5,
#day_content2 li.li_6,
#day_content2 li.li_7,
#day_content2 li.li_8,
#day_content2 li.li_9,
#day_content2 li.li_10 {
	margin:20px 0 0;
	float:left;
}

#day_content2 li.li_1 {
	background:url(../../images/meiko/meiko_day_bg_2.jpg) no-repeat;
}

#day_content2 li.li_2 {
	margin:20px 10px 0;
	background:url(../../images/meiko/meiko_day_bg_3.jpg) no-repeat;
}

#day_content2 li.li_3 {
	background:url(../../images/meiko/meiko_day_bg_4.jpg) no-repeat;
}

#day_content2 li.li_4 {
	background:url(../../images/meiko/meiko_day_bg_5.jpg) no-repeat;
}

#day_content2 li.li_5 {
	margin:20px 10px 0;
	background:url(../../images/meiko/meiko_day_bg_6.jpg) no-repeat;
}

#day_content2 li.li_6 {
	background:url(../../images/meiko/meiko_day_bg_9.jpg) no-repeat;
}

#day_content2 li.li_7 {
	background:url(../../images/meiko/meiko_day_bg_8.jpg) no-repeat;
}

#day_content2 li.li_8 {
	margin:20px 10px 0;
	background:url(../../images/meiko/meiko_day_bg_7.jpg) no-repeat;
}

#day_content2 li.li_9 {
	margin:20px 0 0;
	background:url(../../images/meiko/meiko_day_bg_10.jpg) no-repeat;
}

#day_content2 li.li_10 {
	margin:30px 0 0;
	background:url(../../images/meiko/meiko_day_bg_11.jpg) no-repeat;
}

#day_content2 li.li_1,
#day_content2 li.li_2,
#day_content2 li.li_3,
#day_content2 li.li_4,
#day_content2 li.li_5,
#day_content2 li.li_6,
#day_content2 li.li_7,
#day_content2 li.li_8 {
	height:190px;
}

#day_content2 li.li_9,
#day_content2 li.li_10 {
	height:60px;
}

#day_content2 p{
	margin:0 0 0 65px;
	width:111px;
	color:#0054A7;
	font-weight:bold;
	line-height:1.1;
}

#day_content2 span {
	margin:12px 0 0 2px;
	color:#333333;
	font-weight:normal !important;
	display:block;
	color: #676767;
	font-size: 11px;
}

#day_content2 .push {
	position:relative;
	*margin:30px 0 10px 0;
	padding:50px 0 0 0;
	width:550px;
	height:266px;
	background:url(../../images/meiko/meiko_day_bg_12.jpg) no-repeat center;
	clear:both;
}

#day_content2 div.push ul {
	position:absolute;
	top:86px;
	*top:56px;
	left:53px;
}

#day_content2 div.push li {
	margin:0 0 30px;
	*margin:0 0 20px;
	padding:0 0 0 25px;
	width:405px;
	background:url(../../images/meiko/meiko_icon_1.jpg) no-repeat left top;
}


div#gnv{
	padding:0 0 35px;
}

.gnv0 {
	background:url(img/gnv-0.jpg) no-repeat;
}

.gnv1 {
	background:url(img/gnv-1.jpg) no-repeat;
}

.gnv2 {
	background:url(img/gnv-2.jpg) no-repeat;
}

.gnv3 {
	background:url(img/gnv-3.jpg) no-repeat;
}

.gnv4 {
	background:url(img/gnv-4.jpg) no-repeat;
}

#div-1103-000 {
	margin-bottom:30px;
}

#div-1103-000 table {
	margin:0 !important;
	padding:0 !important;
	border:0;
	width:550px;
}
#div-1103-000 table th {
	width:100px;
	padding-right:20px;
	text-align:right;
	color:#0066CC;
	border-top:1px solid #D9E6F2;
}

#div-1103-000 table td {
	border:0;
	border-top:1px solid #D9E6F2;
	text-align:left;
}

#meikou_support {
	padding:180px 0 0 !important;
	background:url(img/support0.jpg) no-repeat top center;
}

#support0 div {
	padding-right:170px;
	background:url(img/support1.jpg) no-repeat top right;
}

#support1 div {
	padding-right:170px;
	background:url(img/support2.jpg) no-repeat top right;
}

#support2 div {
	padding-right:170px;
	background:url(img/support3.jpg) no-repeat top right;
}

#support5 div{
	margin-bottom:15px;
}

#support5  strong {
	margin:0 !important;
	padding:0;
	text-align:center;
}

#support5 div {
	width:499px;
	padding-left:25px;
}

#support5 div table {
	width:499px;
	margin:0 auto;
	border:0 !important;
}

#support5 table th,
#support5 table td {
	margin:0 !important;
	border:0;
	padding:5px !important;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#support5 table th {
	background:#F5F5F5 !important;
	color:#0054A7;
	font-weight:bold;
	text-align:center;
}

#support5 table td {
	padding:7px 15px 5px !important;
	border-right:1px solid #ccc;
	text-align:left;
}

#support5 table td {
	vertical-align:middle;
}


#meikou_case {
	padding:180px 0 0 !important;
	background:url(img/case0.jpg) no-repeat top center;
}

p#case-img1 {
	background:url(img/case1.jpg) no-repeat bottom center;
	padding:0 0 350px;
}

h2#case-img2 {
	background:url(img/case2.jpg) no-repeat bottom center;
	padding:0 0 250px;
}

#case3 dl {
	padding-left:90px;
}

#case3 dl dd {
	margin:0 0 10px;
	padding:0;
}

div#case4 {
	background:url(img/case4.jpg) no-repeat bottom center;
	padding-bottom:60px;
	margin-bottom:15px;
}

dl#case8 {
	background:url(img/case3.jpg) no-repeat left top;
}

#case6 {
	background:url(img/case5.jpg) no-repeat left top;
}

#case7 {
	background:url(img/case6.jpg) no-repeat left top;
}

div#case5 {
	background:url(img/case7.jpg) no-repeat bottom center;
	padding-bottom:60px;
	margin-bottom:15px;
}

div#ft_nv{
	height:70px;
	padding-top:30px;
	background:url(img/ft_nv.jpg) repeat-x top;
	text-align:center;
}

#ft_nv div {
	margin:0 auto 15px;
	width:150px;
}


div#meiko a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}