@charset "Shift_JIS";

/*html 
--------------------------------------------------------------------------*/
* html body{ margin:0; text-align:center; font-size:x-small; }

body{
	margin:0;
	padding:0;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック" Osaka sans-serif;
	background:url(../img/bg.gif) repeat-x top;
}

h1 {display:none;}

/*\*/
* html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html ul, * html li,  * html dd, * html dt, * html dl, * html td, * html th{ font-size:x-small; }
/**/
h2,h3,h4,h5,h6,p,ul,ol,li,dd,dt,dl{
	font-size:small;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1.0;
	text-decoration:none;
	font-weight:normal;
	}

p,dt,dd{
	line-height:1.5;
	text-align:justify;
	text-justify:inter-ideograph;
	}
td,th{
	font-size:small;
	font-weight:normal;
	line-height:1.5;
	}

hr{display:none;}

img{border:0}

a{color:#6EB428;}
a:hover{color:#FF6600; overflow:hidden;}

/* ul li
--------------------------------------------------------------------------*/

.left ul,.left li { margin:0px; padding:0px; list-style-type:none;}
.footer ul,.footer li { margin:0px; padding:0px; list-style-type:none;}

ul.topics {
	margin: 0 0 10px 0;
	}
ul.topics li {
	color: #666666;
	background: url(../img/topics.gif) no-repeat left top;
	list-style: none;
	min-height:20px;
	margin: 10px 0 0 0;
	padding:0pt 3px 5px 20px;
	line-height: 1.3em;
	width: 520px;
	border-bottom:1px dotted #CCCCCC;
	}
/*
--------------------------------------------------------------------------*/

.wrap {
	width:782px;
	padding:0px;
	margin:0px auto;
	background:#6EB428;
	border-left:#6EB428 1px solid;
	border-right:#6EB428 1px solid;
	}
* html .wrap {text-align:left;}	
	
.header {
	width:782px;
	min-height:62px;
	background:#FFFFFF;
	}
* html .header { height:62px;}	
	
.contents {
	width:782px;
	min-height:100px;
	background:url(../img/bg_contents.gif) repeat-y;
	}
* html .contents { height:100px;}
	
.mainimg {border-bottom:#6EB428 1px solid;}	
	
.right_colum {
	width:560px;
	min-height:100px;
	padding:15px;
	float:right;
	clear:both;
	}
* html .right_colum  {width:580px; height:100px; margin:0px; padding:15px;}	
	
.right {
	width:200px;
	min-height:100px;
	float:right;
	}
* html .right { width:190px; margin-right:5px; height:100px;}
	
.center {
	width:345px;
	min-height:100px;
	float:left;
	}
* html .center { height:100px;}		
	
.left {
	width:190px;
	min-height:100px;
	float:left;
	}
* html .left_colum { height:100px;}	
	
.footer {
	width:782px;
	min-height:50px;
	_height:50px;
	background:#6EB428;
	clear:both;
	}
* html .footer { height:50px;}	
	
/*header
--------------------------------------------------------------------------*/

.header p.logo {width:145px; height:20px; margin:0px; padding:20px 0 0 20px; float:left;}
.header p.inquiry {
	width:95px;
	_width: 130px;
	height:11px;
	margin:10px;
	float:right;
	}
.header p.inquiry a {
	text-indent:-9999px;	
	display:block;
	background:url(../img/bt_inquiry.gif) no-repeat top;
	text-decoration:none;
	height:11px;
	}
.header p.inquiry a:hover { 
	background: url(../img/bt_inquiry_ov.gif) no-repeat top;
	height:11px;
	}	
		
	
/*main navi
--------------------------------------------------------------------------*/

.header ul.mainnavi {
	width:522px;
	height:30px;
	margin:0px;
	padding:0 0 0 260px;
	background:url(../img/main_bg.gif) repeat-x;
	list-style-type:none;
	clear:both;
	}
* html .header ul.mainnavi {width:782px;}	

.header .mainnavi li {
	float:left;
	text-indent:-9999px;
	}
	
.header .mainnavi li a {
	display:block;
	height:30px;
	text-decoration:none;
	}
.mainnavi li#m01 a { width:56px; background:url(../img/main_01.gif) no-repeat;}	
.mainnavi li#m02 a { width:127px; background:url(../img/main_02.gif) no-repeat;}	
.mainnavi li#m03 a { width:93px; background:url(../img/main_03.gif) no-repeat;}	
.mainnavi li#m04 a { width:83px; background:url(../img/main_04.gif) no-repeat;}	
.mainnavi li#m05 a { width:73px; background:url(../img/main_05.gif) no-repeat;}	
.mainnavi li#m06 a { width:71px; background:url(../img/main_06.gif) no-repeat;}

.mainnavi li#m01 a:hover { width:56px; background:url(../img/main_01_ov.gif) no-repeat;}	
.mainnavi li#m02 a:hover { width:127px; background:url(../img/main_02_ov.gif) no-repeat;}	
.mainnavi li#m03 a:hover { width:93px; background:url(../img/main_03_ov.gif) no-repeat;}	
.mainnavi li#m04 a:hover { width:83px; background:url(../img/main_04_ov.gif) no-repeat;}	
.mainnavi li#m05 a:hover { width:73px; background:url(../img/main_05_ov.gif) no-repeat;}	
.mainnavi li#m06 a:hover { width:71px; background:url(../img/main_06_ov.gif) no-repeat;}

.product .mainnavi li#this a {width:88px; height:30px; display:block; background:url(../img/main_02_ov.gif) no-repeat;}

.support .mainnavi li#this a {width:110px; height:30px; display:block; background:url(../img/main_03_ov.gif) no-repeat;}

.voice .mainnavi li#this a {width:100px; height:30px; display:block; background:url(../img/main_04_ov.gif) no-repeat;}

.company .mainnavi li#this a {width:90px; height:30px; display:block; background:url(../img/main_05_ov.gif) no-repeat;}
.recruit .mainnavi li#this a {width:110px; height:30px; display:block; background:url(../img/main_06_ov.gif) no-repeat;}

/* path
--------------------------------------------------------------------------*/
div.path {	
	width:762px;
	min-height:10px;
	background:stansparents;
	padding:4px 0 4px 20px;
	margin:0px;
	border-bottom:#6EB428 1px solid;
	font-size:x-small;
	color:#DDFA7A;
}

div.path a { color:#DDFA7A; }

* html div.path { width:782px; height:10px; font-size:xx-small;}

.left ul.subnavi { margin:0;}

.left .subnavi li { 
	width:189px; 
	min-height:22px;
	_height:30px;
	display:block;  
	border-bottom: #6EB428 1px solid;
	}
	
.left .subnavi li.last { border-bottom:none;}		

.subnavi li a { 
	width:160px;
	_width:189px;
	min-height:20px;
	display:block; 
	background:url(../img/mark_sub.gif) no-repeat 8px 8px ;
	text-decoration:none;
	margin: 2px 0 0 0;
	padding:7px 3px 8px 24px;
	_padding:8px 3px 8px 25px;
	color:#666666;
	}
	
.subnavi li a:hover {
	background:url(../img/mark_sub_ov.gif) #FFFF88 no-repeat 8px 8px;
	color:#DF5800;
	}
	
.support .subnavi li,
.voice .subnavi li {font-size:90%;}

/* safari only \*/
html:\66irst-child body.voice .subnavi li{font-size:90%;}
html:\66irst-child body.support .subnavi li {font-size:80%;}
	
	
	
.support .subnavi li,
.voice .subnavi li {font-size:90%;}	
	
/* subnavi subcat
--------------------------------------------------------------------------*/

.subnavi ul.subcat { width:189px; padding:5px; background:#EEEEEE;}
	
* html .subcat li.last { border:none;}	

.subcat li a { width:149px; padding:8px 0 0 40px; background-position:24px 8px;}
.subcat li a:hover { background-position: 24px 8px;}

* html .subcat li a { width:189px; margin:0; padding:8px 0 0 40px; background-position: 24px 8px;}
* html .subcat li a:hover { background-position:24px 8px;}

/* pageup
--------------------------------------------------------------------------*/

.pageup { 
	width:767px;
	min-height:22px;
	padding:3px 15px 0 0 ;
	background:#E0F196;
	border-top:1px solid #6EB428;
	}
* html .pageup { width:782px; padding:3px 15px 3px 0;}	

.pageup img {float:right;}
	
/*		
.pageup p  {  margin:0; padding:3px 10px; text-indent:-9999px; float:right;}	
.pageup p a { width:50px; height:16px; padding:3px; display:block; background:url(../img/bt_pageup.gif) no-repeat; }
.pageup p a:hover { background:url(../img/bt_pageup_ov.gif) no-repeat;}*/

/* footer
--------------------------------------------------------------------------*/
.footer ul.footnavi {
	width:400px;
	min_height:20px;
	_height:20px;
	margin:10px;
	float:left;
	} 

.footer .footnavi li {
	margin:0 10px 0 0 ;
	display:block;
	float:left;}
	
.footer a , .footer a:hover { color:#FFFFFF; text-decoration:none;}	
	
.footer p.copy {
	width:300px;
	height:20px;
	display:block;
	color:#FFFFFF;
	float:right;
	margin:10px ;
	text-align:right;
	} 		
	
	
/* clear
--------------------------------------------------------------------------*/
.header:after,
.mainnavi:after,
.contents:after,
.right_colum:after,
.right:after,
.center:after,
.left:after,
.footer:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
    }

	
/* event
--------------------------------------------------------------------------*/

.event h2.h2_01,.event h2.h2_03 { 
	background: url(http://www.media-inc.co.jp/info/img/h2_00.gif) no-repeat ;
	width: 545px;
	height: 25px;
	_height: 30px;
	padding: 8px 8px 0 15px; 
	color:#333333; 
	font-weight:bold;
} 
.event h3	{
	border-left:5px solid #6EB428;
	color:#6EB428;
	font-weight:bold;
	line-height:1.3em;
	margin:0pt 0pt 10px;
	padding-left:5px;
	}
.event p {
	margin-bottom:15px;
	padding:0pt 15px;
	width:530px;
	}


/*テキスト*/

.event h2.h2_02 { margin-bottom:20px;}
/*トピックス画像*/

/*event
--------------------------------------------------------------------------*/

dl { width:545px;}

* html .center dl {margin-top:0;}

dt{
	width:9em;
	float:left;
	clear:left;
	padding:10px 0 10px;
	color:#666666;
}

dd{
	padding:10px 0 10px 6em;
	border-bottom:1px dotted #ccc;
	color:#666666;
}

dd a { text-decoration:none;}


.event p.date { 
	border-top: 1px dashed #CCCCCC;
	text-align:right;
	color:#559403;
}
.event p.date2 { 
	color:#333333;
	text-align:right;
	font-size: x-small;
	_font-size: xx-small;
	margin: 0;
	}
.event p { 
	width:535px;
	min-height:10px;
	margin-top:10px;
	_height:10px;
	}

.event .message {clear:right; margin-top:30px;}

.event table{
	width:545px;
	margin:15px 0;	
}

.event th{
	width:140px;
	vertical-align:top;
	text-align:left;
	border-bottom:3px solid #FFF;
	padding:10px 5px;
	background:#D6E6A6;
}

.event td{ padding:10px 5px; }
.mtimg {
	width: 545px;
	}
.mtimg:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
	}
.mtimg img {
	float: left;
	margin: 0 5px 0 0;
	}
.event .seminar h3,.event .box h3 {
	background: url(http://www.media-inc.co.jp/info/img/seminar_h3bg.gif) no-repeat ;
	border-bottom: 1px solid #6EB428;
	border-left: none;
	margin: 15px 0 5px 0px;
	padding-bottom: 5px;
	padding-right: 10px; 
	padding-left: 10px; 
	width: 535px;
	}

.message {
	margin: 15px 0 30px 0;
	}