﻿@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */

#main {
	padding:21px 0 20px 0;
}

#main #conMain{
	width:514px;
	float:left;
}



#main #main-frame{
	padding:30px 0px 0 0;
}

#main .pttl{
	background:url(../img/products/ttlbak.gif) left top repeat-y;
	min-height:1px;
	_height:1px;
}

#main .pttl-inner{
	padding:7px 9px;
	color:white;
}

#main .pbox-inner .t-center{
	padding:0 0 20px 0;
}


/***********************************************************************/

#main #conSide{
	width:150px;
	float:right;
	background:url(../img/products/vline.gif) 3px top repeat-y;
	min-height:450px;
	_height:450px;
}

#main #conSide-inner{
	padding:0 0 50px 0;
}

#main #conSide dl{
	padding:0 0 15px 0;
}

#main #conSide dl dt a{
	display:block;
	font-weight:bold;
	color:#293c51;
	background:url(../img/products/ic2.gif) left 5px no-repeat;
	padding:0 0 0 14px;
	font-size:90%;
	line-height:1.5;
}

#main #conSide dl dt a:hover, 
#main #conSide dl.over dt a{
	background:url(../img/products/ic1.gif) left 5px no-repeat;
}


#main #conSide dl dd{
	padding:0 0 0 10px;
	display:none;
}

#main #conSide dl ul{
	padding:7px 0 0 0;
}

#main #conSide dl li{
	margin:3px 0 0 0;
}

#main #conSide dl li a{
	display:block;
	_width:120px;
	overflow:hidden;
	background:url(../img/products/ic4.gif) left 7px no-repeat;
	padding:0 0 0 12px;
	font-size:85%;
	line-height:1.5;
}

#main #conSide dl li a:hover,
#main #conSide dl li.over a{
	background:url(../img/products/ic3.gif) left 7px no-repeat;
}

/***********************************************************************/

.pagenate{
	text-align:center;
	padding:20px;
}


/***********************************************************************/

#newsbox .pbox{
	border:1px solid #4c91aa;
	background-color:white;
	padding:10px 14px 16px 14px;
	margin:0 0 20px 0;
}
#newsbox .pbox a img{
max-width: 100%;
}
#newsbox .pbox h3,
#newsbox .pbox h1{
	font-weight:bold;
	font-size:120%;
	line-height:1.5;
	padding:0 0 5px 0;
}

#newsbox .pbox-list{
	padding:15px 0;
	width:514px;
	overflow:hidden;
}

#newsbox .pbox-list ul{
	width:530px;
}

#newsbox .pbox-list li{
	float:left;
	width:121px;
	margin:0px 10px 10px 0;
}



#newsbox .pbox-list a{
	border:2px solid #4c91aa;
	display:block;
	height:89px;
	width:117px;
	overflow:hidden;
}

#newsbox .pbox-list img{
	width:117px;
}


#newsbox .contact-box{
	padding:30px 0 0 0;
}





@media screen and (max-width: 800px) {
#flash-outer{
	background-image:url(../img/smp/news/main.jpg);
}

#main .cbox{
	padding:0 20px !important;
	margin:0 0 20px 0;
}

#main #conMain{
	width:auto;
	float:none;
}


#main .pttl p{
	font-weight:bold;
}


/***********************************************************************/

#main #conSide{
	width:auto;
	float:none;
	margin: 0 20px;
	min-height:1em !important;
}


#main #conSide dl dt a{
	font-size:1.3em;
}
#main #conSide dl li a{
	font-size:1.2em;
	margin:0 0 10px 0;
}


/***********************************************************************/



#newsbox .pbox-list{
	width:auto;
}

#newsbox .pbox-list ul{
	width:auto;
}

#newsbox .pbox-list li{
	float:left;
	width:49%;
	margin:0px 10px 10px 0;
}



#newsbox .pbox-list a{
	border:2px solid #4c91aa;
	display:block;
	height:89px;
	width:117px;
	overflow:hidden;
}

#newsbox .pbox-list img{
	width:117px;
}



}