@charset "UTF-8";



/*----------------------------------------------------
	Reset
----------------------------------------------------*/


* {
	margin:0;
	padding:0;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	color:#333;
	font:13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	*font-size:small;
	*font:x-small;
	vertical-align:top;
	text-align:left;
}

body { behavior:url("../cmn_js/csshover.htc"); }

table {
	font-size:inherit;
}

img {
	border:none;
	margin:0;
	padding:0;
}

table, th, td {
	margin:0;
	padding:0;
}

ul, ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

textarea,input {
	font:13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

textarea,input {
	font-size:100%!important;
}

hr {
	display:none;
}

a {
	color:#273589;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}

a:link {
	color:#273589;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#273589;
	text-decoration:underline;
	outline:none;
}

h3{
	font-size:100% !important;	
}


#contents li img {
	background-color:transparent;
	text-decoration:none;
}

#contents a img {
	background-color:transparent;
}

#contents a:hover img {
	background-color:transparent;
	text-decoration:none;
}

#contents p {
	line-height:150%;
	margin:0;
	padding:0 0 5px 0;
	word-break:break-all;
}

#contents li {
	line-height:150%;
}

/*--------選択時の色---------*/

::selection { background-color:#ffb357; color: #FFF; /* Safari */ }
::-moz-selection { background-color: #ffb357; color: #FFF; /* Firefox */ }

/*---------------------*/


/*----------------------------------------------------
	Crearfix
----------------------------------------------------*/


.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */




/*----------------------------------------------------
	br clear
----------------------------------------------------*/


br.clear_noie, 
div.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}

br.clear_all {
	clear:both;
	line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
	display:block!important;
	content: " ";
}
}


/*----------------------------------------------------
	header 
----------------------------------------------------*/

#header {
	border-top:#f2951d 5px solid;
	background:url(../cmn_img/bg_mv.gif) left top repeat;
}

#mv {
	width:960px;
	margin:10px auto;
	
	position:relative;
}

#mv .intro{
	color:#FFF;
	font-size:93% !important;
	font-weight:normal;
	position:absolute;
	left:15px;
	top:15px;
	z-index:100;
}

#mv .mainLogo{
	position:absolute;
	right:15px;
	top:375px;
	
	z-index:101;
}


/*----------------------------------------------------
	contents
----------------------------------------------------*/

#contents {
	width:960px;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
}

#main{
	width:700px;
	float:right;
}

/*------*/

#contents .osusume{
	width:720px;
	margin-left:-20px;
}

#contents .osusume a{
	color:#333;
}

#contents .osusume li{
	float:left;
	margin:0 0 25px 20px;
	width:220px;
}

#contents .osusume li img{
	margin-bottom:10px;
}

#contents .osusume li .title{
	background:url(../cmn_img/icon_tri.gif) left 6px no-repeat;
	display:block;
	font-weight:bold;
	margin-bottom:8px;
	padding-left:15px;
	line-height:1.2;
}

/*------*/
#contents .list01{
	width:720px;
	margin-left:-15px;
	margin-bottom:20px;
	overflow: hidden;
}

#contents .list01 a{
	color:#333;
}

#contents .list01 li{
	float:left;
	margin:0 0 25px 20px;
	width:160px;
}

#contents .list01 li img{
	margin-bottom:10px;
}

#contents .list01 li .title{
/*	background:url(../cmn_img/icon_tri.gif) left 6px no-repeat; */
	display:block; 
	font-weight:bold;
	margin-bottom:8px;
/*	padding-left:10px; */
	line-height:1.2;
}
#contents .list01 li .title span {
	font-size:90%;
}

/*------*/
#contents .color{
	width:720px;
	margin-left:-20px;
}

#contents .color a{
	color:#333;
}

#contents .color ul{
	overflow: hidden;
}
#contents .color li{
	position: relative;
	float:left;
	margin:0 0 25px 20px;
	width:124px;
	font-size:93%;
	font-weight: bold;
}

#contents .color li img{
	margin-bottom:5px;
}

#contents .color li .title{
	background:url(../cmn_img/icon_tri.gif) left 6px no-repeat;
	display:block;
	font-weight:bold;
	margin-bottom:8px;
	padding-left:15px;
	line-height:1.2;
}

#contents .color li span.discontinued {
	width:6em;
	position: absolute;
	top: 55px;
	right: 20px;
	background-color: #ffffff;
	color: #ff1111;
	line-height:1.8;
	font-size:105%;
	text-align: center;
}


/*----------------------------------------------------
	IMenu
----------------------------------------------------*/

#lMenu {
	float:left;
	width:230px;
}

#lMenu .bnrArea01{
	margin-bottom:20px;
}

#lMenu .bnrArea01 li{
	margin-bottom:8px;
}

#lMenu .bnrArea02{
	background:url(../cmn_img/bg_orange.gif) left top repeat;
	border-radius:5px;
	padding:15px 0 5px 0;
}

#lMenu .bnrArea02 li{
	width:210px;
	margin:0 auto 5px auto;
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/

p.pagetop{
	text-align:right;
	width:960px;
	margin:0 auto;
	padding:0 !important;
}

#footer{
	background:#ffb357;
}

#footer .footerInr{
	width:960px;
	padding:30px 0 20px 0;
	margin:0 auto;
}

#footer .footerLogo{
	float:left;
}

#footer .footerR{
	float:right;
	width:690px;
}

#footer .footerInfo{
	color:#FFF;
}

#footer .footerInfo th{
	vertical-align:top;
}

#footer .footerInfo td{
	vertical-align:top;
	font-size:85%;
}


#footer address{
	background:#f19424;
	color:#FFF;
	font-style:normal;
	padding:10px 0;
	text-align:center;
}

/*----------------------------------------------------
	topcontrol
----------------------------------------------------*/

#topcontrol a {
	background:url(/lib/cmn_js/scrolltop/scrollup.png) left top no-repeat;
	background : url(/lib/cmn_js/scrolltop/scrollup.gif) left top no-repeat\9; /* IE8 and below */
	*background : url(/lib/cmn_js/scrolltop/scrollup.gif) left top no-repeat; /* IE7 and below */
	_background : url(/lib/cmn_js/scrolltop/scrollup.gif) left top no-repeat; /* IE6 */
	display:block;
	height:60px;
	width:60px;
}





#contents p.attention {
	padding-left: 20px;
	font-weight: bold;
	color: #cc4429;
}