@charset "utf-8";
/*
===== CONTENTS ===========================================


	01: STATION INDEX
	02: STATION EVENT
	03: EVENT CALENDER
	04: EVENT DETAIL
	05: EVENT ENVIRONMENT
	06: EVENT SAMPLING-REPORT
	07: EVENT FOREST-REPORT
	08: EVENT SAMPLING
	09: PRESENT
	10: LINK
	11: DOWNLOAD
	12: FACTORY
	13: MAILMAGAZINE
	14: EVENT SAWAYAKA_ART


==========================================================
*/


/*
===== 01: STATION INDEX ====================================
*/


div#maintitle div#station-flash {
	width:748px;
	height:280px;
	margin:0;
	padding:0;
	float:left;
	margin-right:16px;
	}

div#maintitle div#mail {
	width:186px;
	height:280px;
	margin:0;
	padding:0;
	float:left;
	}

ul#topics {
	width:736px;
	margin-bottom:15px;
	}
	
ul#topics li {
	float:left;
	}

div#event-top {
	background-image:url(../img/station/event_bg.jpg);
	background-repeat:repeat-y;
	width:354px;
	margin-right:28px;
	float:left;
	margin-bottom: 5px;
	}

div#factory-top {
	background-image:url(../img/station/factory_bg.jpg);
	background-repeat:repeat-y;
	width:354px;
	float:left;
	margin-bottom: 5px;
	}

div#present-top {
	background-image:url(../img/station/present_bg.jpg);
	background-repeat:repeat-y;
	width:354px;
	margin-right:28px;
	float:left;
	margin-bottom: 10px;
	}

div#dl-top {
	background-image:url(../img/station/dl_bg.jpg);
	background-repeat:repeat-y;
	width:354px;
	float:left;
	margin-bottom: 10px;
	}

div#event-top h3,
div#factory-top h3,
div#present-top h3,
div#dl-top h3 {
	font-size:0.1em;
	}

div#event-top dl,
div#factory-top dl,
div#present-top dl,
div#dl-top dl {
	margin:0px 10px;
	}

div#event-top dl dt,
div#factory-top dl dt,
div#present-top dl dt,
div#dl-top dl dt {
	width:196px;
	float:right;
	}

div#event-top dl dd.thumb,
div#factory-top dl dd.thumb,
div#present-top dl dd.thumb,
div#dl-top dl dd.thumb {
	width:138px;
	float:left;
	padding-left:0px;
	}

div#event-top dl dd,
div#factory-top dl dd,
div#present-top dl dd,
div#dl-top dl dd {
	width:191px;
	float:right;
	text-align:left;
	line-height:1.5em;
	padding-left:5px;
	}

div#event-top p,
div#factory-top p,
div#present-top p,
div#dl-top p {
	clear:both;
	font-size:0.1em;
	}

	
/*
===== 02: STATION EVENT ====================================
*/

div#ico {
	width:180px;
	background-color:#EEEEEE;
	padding:5px;
	margin:20px 10px 20px 0px;
	float:left;
	}

div#ico p {
	margin-bottom:5px;
	}

div#ico ul li {
	margin-bottom:2px;
	}
	
div#cal-box {
	background-image:url(../img/station/event/cal_bg.jpg);
	background-repeat:repeat-y;
	width:526px;
	margin-bottom:20px;
	float:left;
	}
	
div#cal-box p {
	font-size:0.1em;
	padding:0;
	margin:0;
	}
	
div#calendarA {
	background-image:url(../img/station/event/cal_top.jpg);
	background-repeat:no-repeat;
	width:422px;
	height:80px;
	padding:35px 59px 0px 45px;
	}

div#calendarB {
	width:422px;
	padding:0px 59px 0px 45px;
	}

div#event {
	width:736px;
	margin-bottom:20px;
	background-image:url(../img/station/event/event_bg.jpg);
	background-repeat:repeat-y;
	}

div#activity {
	width:736px;
	margin-bottom:20px;
	background-image:url(../img/station/event/activity_bg.jpg);
	background-repeat:repeat-y;
	}

div#event dl{
	width:228px;
	float:left;
	margin-left:13px;
	display:inline;
	}

div#event dl dt,dd {
	text-align:center;
	line-height:1.2em;
	margin-bottom:5px;
	}
	
div#activity dl {
	width:228px;
	float:left;	
	margin-left:100px;
	display:inline;
	}

div#activity dl dt,dd {
	text-align:center;
	line-height:1.2em;
	margin-bottom:5px;
	}
	
div#event p,
div#activity p {
	clear:both;
	}


div#environment{
	width:354px;
	margin-top:15px;
	background-image:url(../img/station/event/environment_bg.jpg);
	background-repeat:repeat-y;
	}

div#sampling {
	width:354px;
	margin-top:15px;
	background-image:url(../img/station/event/sampling_bg.jpg);
	background-repeat:repeat-y;
	}

div#environment dl,
div#sampling dl {
	width:276px;
	margin-left:38px;
	}

div#environment dl dt, div#environment dl dd,
div#sampling dl dt, div#sampling dl dd {
	text-align:center;
	line-height:1.2em;
	margin-bottom:5px;
	}

div#sampling dl dd {color:#FF0000; font-weight:bold;}

div.Adjustment {
	height: 225px;
	}	

ul#report {
	width:736px;
	margin-bottom:15px;
	}

ul#report li {
	width:309;
	margin:0px 29px;
	float:left;
	display:inline;
	}


/*
===== 03: EVENT CALENDER ====================================
*/

#date {width:430px; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:#666666; text-align:center; line-height:1; padding:0;}
#date span {font-size:2em; margin:0px 20px; color:#FF9999;}

#selcal{ margin:0px 0px 5px 0px; padding:0; width:430px;}
#selcal dd#select{ float:left;margin:5px 0; padding:0; width:350px;}
#selcal dd.current{ float:left;margin:0px 0px 2px 0px; padding:0;cursor:pointer;}



table#eventcal{ border:1px #aaaaaa solid;}
table#eventcal td{ position:relative;width:58px; height:58px; background:url(/img/station/event/bk_eventcal.jpg) no-repeat; padding:1px; vertical-align:top;}

table#eventcal th .title{font-size:80%; background:#999999; font-weight:normal; text-align:center; color:#ffffff;  margin:1px; }
table#eventcal th .titleSun{font-size:80%; background:#CC0000; font-weight:normal; text-align:center; color:#ffffff; margin:1px; }
table#eventcal th .titleSat{font-size:80%; background:#0099FF; font-weight:normal; text-align:center; color:#ffffff; margin:1px; }

table#eventcal td .title{font-size:80%; height:12px; background:#ffffff; text-align:center; margin:1px; padding:0px;}
table#eventcal td .titleSun{font-size:80%; height:12px; background:#ffffff; text-align:center; margin:1px; padding:0px; color:#CC0000;}
table#eventcal td .titleSat{font-size:80%; height:12px; background:#ffffff; text-align:center; margin:1px; padding:0px; color:#0099FF;}


table#eventsearch{}
table#eventsearch th.area{ background:url(/img/station/event/ti_areasearch.jpg) no-repeat; width:197px; height:25px; text-indent:-9999px;}
table#eventsearch th.event{background:url(/img/station/event/ti_eventsearch.jpg) no-repeat; width:197px; height:25px; text-indent:-9999px;}
table#eventsearch td{ background:#FFCCCD; padding:0;}
table#eventsearch span.area{ font-size:80%}


/*
===== 04: EVENT DETAIL ====================================
*/


div#detail {
	width:736px;
	margin-bottom:15px;
	}

div#detail img {
	float:left;
	}

div#detail h2 {
	width:508px;
	float:right;
	margin-bottom:5px;
	}

div#detail dl {
	width:500px;
	float:right;
	}

div#detail dl dt {
	width:50px;
	float:left;
	height:1em;
	line-height:1;
	}

div#detail dl dd {
	width:450px;
	float:right;
	margin-bottom:5px;
	padding:0px;
	text-align:left;
	line-height:1.2em;
	}
	
dl#day {
	width:600px;
	clear:both;
	margin:0px auto 15px;
	position:relative;
	}

dl#day dt {
	width:80px;
	line-height:1.2em;
	margin-bottom:10px;
	float:left;
	}

dl#day dd {
	margin-bottom:0px;
	line-height:1.2em;
	text-align:left;
	margin-bottom:10px;
	width: 520px;
	float:left;
	}

dl#day dd p{
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding:5px;
	line-height:1.5em;
	margin:10px 0px;
	}

dl#day dd ul {
	margin-bottom:10px;
	}
	
span.end {
	font-weight:bold;
	color:#FF0000;
	}
	
dl.day {
	width:600px;
	clear:both;
	margin:0px auto 10px;
	}

dl.day dt {
	width:80px;
	line-height:1.2em;
	float:left;
	}

dl.day dd {
	margin-bottom:0px;
	line-height:1.2em;
	text-align:left;
	width: 520px;
	float:left;
	}

dl.day dd p{
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding:5px;
	line-height:1.5em;
	margin:10px 0px;
	}

dl.day dd ul {
	margin-bottom:10px;
	}



div#thumb {
	width:500px;
	margin:0px auto 20px;
	}

div#thumb2 {
	width:584px;
	clear:both;
	margin:0px auto 20px;
	}


div#thumb img,
div#thumb2 img {
	float:left;
	margin-right:10px;
	}

div#acceptance {
	width:736px;
	margin-bottom:20px;
	clear:both;
	text-align:center;
	}

div#acceptance p {
	text-align:center;
	margin-top:10px;
	}


/*
===== 05: EVENT ENVIRONMENT ====================================
*/

div#eco-tit {
	width:636px;
	margin:0px auto;
	}

div#boshu {
	width:604px;
	margin:0px auto;
	}
	
div#boshu {
	width:604px;
	margin:0px auto;
	}

div#course {
	width:610px;
	margin:0px auto;
	}
	

h2.boshu {
	width:604px;
	margin:0px auto 10px;
	clear:both;
	}

h2.course {
	width:610px;
	margin:0px 64px 15px 62px;
	clear:both;
	}

span.syosai {
	background-image:url(/common_img/arw.gif);
	background-repeat:no-repeat;
	background-position-y:0;
	padding-left:15px;
	}
	
div.bgBox {
	width:584px;
	padding:10px;
	background-image:url(../img/station/event/environment/bg_environment.gif);
	margin:0px auto 15px;
	}

div.bgBox table td {
	padding-left:3px;
	}

div.bgBox div.b {
	width:572px;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	}

div.bgBox div.left {
	width:281px;
	float:left;
	padding-right:5px;
	}
	
div.bgBox div.left h3,
div.bgBox div.right h3 {
	border-left:6px #FF6600 solid;
	padding-left:8px;
	line-height:1.2em;
	font-size:1em;
	font-weight:bold;
	color:#666666;
	margin-bottom:15px;
	}

div.bgBox div.left dl {
	width:281px;
	}

div.left dl dt {
	float:left;
	width:50px;
	line-height:1.2em;
	}	

div.left dl dd {
	float:right;
	width:231px;
	line-height:1.2em;
	text-align:left;
	}	
	
div.bgBox div.right {
	width:286px;
	float:right;
	}

div.bgBox div.right table{
	margin-bottom:5px;
	font-size:0.8em;
	line-height:1.2em;
	}

/*
===== 06: EVENT SAMPLING-REPORT ====================================
*/


div#sampling-report {
	margin:0px auto ;
	}

div#sampling-report p.comm{
	font-size:1em;
	margin:3px 10px;
	padding:0;
	}

div#sampling-report div.n-page{ 
	width:735px;
	margin:5px 0px;
	font-size:1.2em;
	font-weight:bold;
	}
	
div#sampling-report div.n-page ul{
	float:right;
	list-style-type:none;
	}
div#sampling-report  div.n-page li{
	width:20px;
	float:left;
	}
	
div#sampling-report ul.photo{
	clear:both;
	list-style-type:none;
	}
div#sampling-report ul.photo li{
	float:left;
	}

/*
===== 07: EVENT FOREST-REPORT ====================================
*/


div#forest-report {
	margin:0px auto 20px;
	width:582px;
	}

div#forest-report table td {
	line-height:1.8em;
	}
div#forest-report table td img{
	padding:0;
	}

div#forest-report table table {
	margin-left:16px;
	}

/*
===== 08: EVENT SAMPLING ====================================
*/

h2.sampling {
	width:631px;
	margin:0px auto 15px;
	}

li.font-line{
 text-decoration:line-through;
}

li.fontb{
 font-weight:bold;
}

/*
===== 09: PRESENT ====================================
*/
p.present-image{
	margin-bottom:25px;
}

dl.present{
	padding-bottom:40px;
}

dl.present dt {
	float:right;
	width:258px;	
}

dl.present dd.title {
	font-size:1.5em;
	font-weight: bolder;
	color: #D41A03;
	text-align:left;
	width:470px;
}
dl.present dd.text {
	text-align:left;
	width:470px;
}

dl.application dt {
	padding-bottom:15px;
	text-align:left;
}

dl.application dd {
	padding-bottom:15px;	
	text-align:left;
}

/*
===== 10: LINK ====================================
*/

div.linkbox-A {
	float:left;
	margin-bottom:20px;
	margin-right:34px;
	width:350px;
	background: url(../img/station/link/bg_linkbox_side.jpg) repeat-y left 10px;
}

div.linkbox-B {
	float:left;
	margin-bottom:20px;
	width:350px;
	background: url(../img/station/link/bg_linkbox_side.jpg) repeat-y left 10px;
}

div.link {
	float: left;
	margin-top:15px;
	width: 150px;
}

div.link dt {
	padding-left:28px;
}

div.link dd {
	margin-top:10px;
	padding-left:14px;
}

p.link-image {
	margin-top:15px;
	width:194px;
	float:right;
	padding-right:6px;
}

p.objection {
	font-size:0.8em;
	padding-left:10px;
	padding-right:10px;
}

p.link-txt {
	clear:both;
	padding:0 15px;
	padding-top: 15px;
}
p.link-txtsmall {
	font-size:0.8em;
	padding:0 15px;
}

p.link-foot {
	clear:both;
	font-size: 0.1em;
}

/*
===== 11: DOWNLOAD ====================================
*/

div.download-A {
	float:left;
	width:200px;
	padding-right:26px;
	
}

div.download-B {
	width:510px;
	float:left;
	margin-bottom:10px;
}

div.download-A dt {
	margin-bottom:20px;
}
div.download-A dd {
	text-align:left;
}

div.download-A dd.cellular {
	float:left;
	margin-bottom:20px;
}

div.download-A dd.pc {
	padding-left:20px;
	margin-bottom:10px;
}

div.download-B dl.cellimg {
	float:left;
	padding-right:13px;
}

div.download-B dl.cellimg-end {
	float:right;
}

div.download-B dd.qr {
	text-align:center;
	line-height:1;
}

div.download-B dl.wall-photo {
	float:left;
	width:135px;
	padding-left:35px;
	margin-bottom:10px;
}

dl.wall-photo dd {
	width:135px;
}

dl.wall-photo dd img {
	padding-top:2px;
}

dl.wall-photo dd p.ico {
	float:left;
	width:35px;
	height:21px;
}

dl.wall-photo dd p.size {
	float:left;
	width:65px;
	height:21px;
}

/*
===== 12: FACTORY ====================================
*/

p.frame {
	border: 1px solid #D2D2D2;
	padding: 5px;
	width: 450px;
}

td img {
	float:left;
	padding-right:10px;
}

dl.factorymap dt {
	font-weight: bold;
}


div.factorycenter{
clear:both; text-align:center;
}

table.cc table.data {width:500px; border:1px solid #DDDDDD;}
table.cc table.data th, table.cc table.data td {padding:5px; line-height:1.2em; border:none;}
table.cc table.data th {width:120px; background-color:#EEEEEE; text-align:center; color:#333333; font-weight:normal;}
table.cc table th.line, table.cc table td.line {border-bottom:1px dashed #CCCCCC;}

/*
===== 13: MAILMAGAZINE  ====================================
*/

div.inputbox{
    width:710px;
	border:#CCCCCC 1px solid;
	padding:10px;
	}


div.inputbox ul.inputbtn{
	width:365px;
	float:left;
	}

div.inputbox ul.inputbtn li{
	padding-bottom:10px;
	}
	
div.inputbox p{ 
	width:340px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	}

div.inputbox p img{
    float:left;
	}
	
div.inputbox h3{
	text-align:center;
	padding-bottom:15px;
	}

*:first-child + html div.inputbox h3{
	padding-bottom:15px;
	}	/* for IE6 */

div.inputbox ul.entrystep{
	width:220px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	}
	
div.inputbox ul.entrystep li{
	text-align:center;
	}
div.inputbox .bottom-margin50{
	margin-bottom:50px;	

}

*html body div.inputbox .bottom-margin50{
	padding-bottom:50px;	
}/* for IE6 */

div.inputbox .bottom-margin80{
	margin-bottom:80px;	

}
	
div.stopbox{
   width:710px;
   border-bottom:#CCCCCC 1px solid;
   border-left:#CCCCCC 1px solid;
   border-right:#CCCCCC 1px solid;
   background-color:#EAEAEA;
   padding:20px	10px;
   text-align:center;
   }


ul.malmag-btn{
	list-style-type : none; 
	padding-top:10px;
	padding-bottom:10px;
} 

ul.malmag-btn li{
    float:left; 
	padding-right:7px;
} 

p.malmag-txt{
	clear:both;
	text-align:center;

}


/*
===== 13: EVENT SAWAYAKA_ART  ====================================
*/

div#sawayaka-art{width:736px; margin:0px; padding:0px;}
div#sawayaka-art h1{width:736px; margin:0px; padding:0px;}
div#sawayaka-art p{width:736px; margin:0px; padding:0px; clear:both;}
div#sawayaka-art div.artBox {width:696px; border-left:10px solid #E20A16; border-right:10px solid #E20A16; padding:10px;}
div#sawayaka-art div.artBox p{width:680px; margin:0px auto 10px; padding:0px; clear:both;}
div#sawayaka-art div.artBox p.attention{width:680px; margin:5px auto 10px; padding:0px; clear:both; text-align:right; line-height:120%; font-size:0.85em;}
div.artBox table {width:680px; margin:0px auto 10px;}
div.artBox table th, div.artBox table td {padding:5px 3px; line-height:120%;}
div.artBox table th {width:65px;}
div.artBox em {font-size:1.2em; font-weight:bold; font-style:normal; margin:0px; padding:0px;}
div.artBox table td span {font-size:0.85em; padding-left:10px;}
div.artBox table td img {float:none;}
div.artBox table ul {margin:0px; padding:0px;}
div.artBox table li {margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; float:left;}
div.artBox table li.attention {width:500px; margin:0px; padding:0px; list-style:none; float:left; font-size:0.85em;}

/*�@for IE6�@*/
div.artBox table ul {width:520px;margin:0px; padding:0px;}

div.artBox dl.what {width:680px; margin:0px auto 10px;}
div.artBox dl.what dt, div.artBox dl.what dd {width:371px; margin:0px 0px 10px; padding:0px; float:left; line-height:150%; text-align:left;}
div.artBox dl.what dd.r {width:274px; margin:0px; padding:0px; float:right;}

div.artBox h2 {width:680px; margin:0px auto 10px; clear:both;}
div.artBox ul.work {width:680px; margin:0px auto 10px;}
div.artBox ul.work li {width:220px; margin:0px 9px 0px 0px; float:left; background-image:url(../img/station/event/sawayaka_art/bg_data.gif); background-repeat:no-repeat; background-position:bottom;}
div.artBox ul.work li.end {margin:0px;}
div#sawayaka-art div.artBox ul.work p{width:200px; margin:0px auto; padding:5px 5px 20px; border-left:5px solid #DDDDDD; border-right:5px solid #DDDDDD; font-size:0.85em; line-height:120%;}

ul.work p span{font-size:0.8em;}

div.artBox table.data {width:190px; margin:0px auto 15px;}
div.artBox table.data th, div.artBox table.data td {padding:3px 3px; line-height:100%; font-size:0.85em;}
div.artBox table.data th {width:60px;}

div.artBox dl.privacy {width:680px; margin:0px auto;}
div.artBox dl.privacy dt {font-weight:bold; margin:0px 0px 5px; padding:0px;}
div.artBox dl.privacy dd {text-align:left; font-size:0.85em; margin:0px; padding:0px;}