@charset "utf-8"; 


/* ステッカー１枚ごとの分割div */
div.section {
	margin-bottom:0px;
	clear:right;
	
}


img {
	border:none;
}

/* 左フローと画像  */
img.left {
	float:left;
	margin-right:2px;
	
	
}
/* 右フローと画像  */
img.right {
	float:right;
}


/* フロートなし画像 */
img.normal {
	margin-left:2px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:2px;
	
	
}


/* フロート解除 */
div.clearfloat {
	clear:both;

}

/* フロート解除 左だけ */
div.clearfloatleft {
	clear:left;

}

/* ２つ並べるためのdiv */
div.col2 {
	width:260px;
	background-color:#FFC;
	margin-top:6px;
	margin-bottom:6px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}

/* ２つ並べるためのdiv */
div.col2right {
	width:260px;
	background-color:#FFC;
	float:right;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;

}


div.col2 div.text , div.col2right div.text {
	padding-top:4px;
	margin-left:4px;

}

div.col2 p,div.col2 img {
	text-align:left;
	vertical-align:middle;

}

div.icon {
	width:64px;
	float:left;
	margin-left:2px;
 	margin-right:4px;
	margin-top:2px;
	margin-bottom:2px;
		
	
}


/* overwrite in keitai.css */
.keitainone {

}


#menu li {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; LINE-HEIGHT: 1.2em; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}




#menu .subnav {
MARGIN-BOTTOM: 35px
}
#menu UL.subnav LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	PADDING-TOP: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 90%;
}

#menu div.menutitle {
	font-size: 110%;
	font-family:  sans-serif;
	font-weight: bold;
	color: #008FE7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 4px;
	padding-bottom: 2px;

}

#menu UL.subnav LI a {
display:block;

}
#menu div.menutitle a {
	text-decoration:none;
	color: #008FE7;
}

#menu div.menutitle a:hover {

	text-decoration:none;
	color: #FF0000;
}

/* 検索欄  */
#menu div.menusearch {
	font-size: 110%;
	font-family:  sans-serif;
	font-weight: bold;
	color: #008FE7;
	margin-top:12px;
	margin-bottom: 18px;
	text-align: right;

}


/* 検索結果ページの再検索欄  */
#menu div.resultsearch {
	font-size: 110%;
	font-family:  sans-serif;
	font-weight: bold;
	color: #008FE7;
	margin-top:12px;
	margin-bottom: 18px;

}


/* 右ナビゲーション  */
.subnav a {
	text-decoration:none;
	color: #333333;
}

.subnav a:hover {
	text-decoration:none;
	color: #FF0000;
}

.subnav img {
	border:none;
}


#mainpad {
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}





#main p {
	font-size: 83%;
	line-height: 150%;
	margin-bottom: 8px;
	margin-top: 8px;
}


/*
#main a.download {
	text-decoration:none;
	font-size: 90%;
	font-weight: bolder;
	color: #008FE7;
	border-bottom:1px dashed;
	margin-right: 16px;
	margin-bottom: 12px;
	margin-top: 2px;
	white-space: nowrap;

}


#main *.shop {
	text-decoration:none;
	font-size: 90%;
	font-weight: bolder;
	color: #F70006;
	border-bottom:1px dashed;
	margin-top: 20px; 
}
*/

#main li {
	font-size: 84%;
	line-height: 150%;
	margin-top:2px;
	margin-bottom:4px;
}
#main ol {
	padding-left: 20px;
}

#main ul {

	padding-left: 20px;
}

#main .margintophead {
	margin-top: 2px;
}



.size {
	font-size: 80%;
}


/* ステッカー画像  */
img.item {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-left: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
}

/* 通常画像  */

img.plane {
	margin-left: 4px;
	margin-top: 1px;
	margin-bottom: 4px;
	border: 1px solid #999999;
}

h1 {
	font-size: 100%;
	font-weight: bolder;
	color: #008FE7;
	width: 518px;
	margin-top: 70px;
	margin-bottom: 12px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	text-align: center;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #008FE7;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #008FE7;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: right;
	background-color: #fafafa;
}

h2 {
	font-size: 98%;
	font-weight: bold;
	color: #333333;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 2px;
	margin-top: 30px;
	clear: both;
}

h2 strong {
	background-color:#2B2F39;
	color:#FFF;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	margin-right:2px;
	font-weight: bold;
}


h3 {
	font-weight: bold;
	font-size: 90%;
	margin-top: 20px;
	clear: right;
}


iframe {
	border:none;
	
}

.clearr {
	clear: right;
}
td.tdbox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 4px;
}
table.plane td {
	font-size: 84%;
	border: 1px solid #666666;
	vertical-align: top;
	padding: 4px;
}
table.plane {
	border: 1px solid #666666;
	border-collapse:collapse;

}

table.plane img {
	border:none;
	

}



a.linkout:link , a.linkout:visited , a.linkout:hover{
	font-size: 160%;
	background-color: #555555;
	color: #FFFFFF;
	line-height: 160%;
	text-decoration:none;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	display: block;
	width: 180px;
	float: right;
	text-align: center;
}
#menu .sample   {
	font-size: 82%;
	text-align: center;
	margin-bottom: 0px;
}
#menu .sample a {
	text-decoration:none;
	color: #555555;
}
#menu  .sample img {
	margin-top: 300px;
	margin-bottom: 40px;
}

#footer a ,#footer span {
	margin-left:8px;
		
}

/* カレント項目強調表示  */
#footer a.current ,span.current {
	font-weight:bold;
	text-decoration: none;

}


/* 右寄せdiv  */
div.right {
	text-align: right;
}

div.left {

	text-align: left;
}

/* 枠のないテーブル 左上寄せ */
table.array {
	border: none;
	font-size: 83%;
}

table.array td {
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;

	vertical-align: top;

}

/* 通常の見える表 */
table.list1 {
	border: 1px solid #333333;
	border-collapse:collapse;
	font-size: 83%;
	text-align:left;
}

table.list1 td {
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;

	vertical-align: top;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

}

/* センタリングリスト */
table.list2 {
	border: 1px solid #333333;
	border-collapse:collapse;
	line-height: 1.2em;
}

table.list2 td {
	padding-left:4px;
	padding-right:4px;
	vertical-align: middle;
	border: 1px solid #333333;
}

table.list2 td.caption {
	font-weight:bold;
	color: #FFFFFF;

}



/* テーブルの見出し  */
.tdMenubar {	background-color: #9F9E93;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}



/* ***** BUTTON ***** */

a.button, a.download, a.shop, 
span.button, span.download, span.shop,
del.button ,del.download, del.shop {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(img/btn0.png) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;
	

	zoom:1;
	
	
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}





a.button span,a.download span, a.shop span,
span.button button, span.download button, span.shop button,
span.button input,span.download input, span.shop input,
del.button span ,del.download span ,del.shop span{
	
	font-weight:normal;	
	white-space:nowrap;
	cursor:pointer;

	display:-moz-inline-box;
	display:inline-block;
	font:12px/1 Arial;	
	background:url(img/btn0.png) 100% 0 no-repeat;
	height:30px;
	padding:8px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}

del.button , del.download , del.shop {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.button span , del.download span , del.shop span {
	cursor:default;
	background-position:100% -120px;
}


span.button button, span.download button, span.shop button,
span.button input , span.download input , span.shop input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/



a.button:hover, span.button:hover,   
a.download:hover, span.download:hover,
a.shop:hover, span.shop:hover,
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}




a.button:hover span, span.button:hover button, 
a.download:hover span, span.download:hover button,   
a.shop:hover span,     span.shop:hover button, 
span.button-behavior-hover button, span.button-behavior-hover input{
	background-position:100% -60px;
}



a.button:active, a.button:focus span,
a.download:active, a.download:focus span,
a.shop:active, a.shop:focus span{
	color:#3366FF;
}




del.button-behavior-hover, del.button:hover,
del.download:hover, del.shop:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}



del.button-behavior-hover span,
del.button:hover span,
del.download:hover span,
del.shop:hover span{
	background-position:100% -180px;
	cursor:not-allowed;
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input,
span.download button, del.download span, span.download input,
span.shop button, del.shop span, span.shop input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}