@charset "EUC-JP";
@import "/css/cmn.css";

body {/* background: url('/mantan/cmn/head_bg.gif') repeat-x; */}
body,th,td,p,li,strong { font-size: 12px; font-weight:normal; line-height: 1.5; color: #333; }
hr { color:#fff; clear:both; }
noscript { font-weight:bold; margin:auto; color:#000; }
a, a strong                 { color: #00A2FF; text-decoration: none; }
a:link, a:link strong       { color: #00A2FF; }
a:visited, a:visited strong { color: #00A2FF; } 
a:hover, a:hover strong     { color: #00A2FF; text-decoration: underline; }
a:active, a:active strong   { color: #00A2FF; text-decoration: underline; }

.C06f { color:#0066FF; }

li.last { margin-right:0 !important; }
/*___________________________________________________________________________________________ # */
#wrapper {
	width: 920px;
	padding:0 9px 15px;
	background: url('/mantan/cmn/wrapper_bg_middle.png') repeat-y;
	margin:auto;
}
#header { width: 890px; margin:0px auto; padding:8px 10px 0px; }
	#header h1, #header img, #header p, #header li { float:left; }
	#header h1 { height:100%; width:22%; }/*font-size:12px; margin-right:15px;*/
	#header h1 a { display: block; width: 100%; height: 74px; margin-right:15px; background: url(/mantan/cmn/head-logo.gif) no-repeat; text-indent: -9999px; }
	#header table { clear:both; }
	#header div.doc1 p { width:468px;}
	.ie #header div.doc1 p { width:468px;}
		#header div.doc1 p.alert { text-align:center; margin-top:35px; }
	#header p.doc2 { 
		float:right;
		width:85px;
		position:relative;
	}
	#header ul.doc3 { clear:right; float:right; position:relative; padding-top:10px; }/* width:200px;margin-top:10px;*/
		#header ul.doc3 li { padding-left:5px; }/* float:right;*/
#changeImg { height:35px; clear:both; }/* float:left;*/
	#changeImg li { float:left; width: 153px; }
	#changeImg li a { display:block; text-align: center; line-height: 33px; background: #1970B0; color: #fff; text-decoration: none; text-shadow: 0 1px 8px #036; font-size: 14px;
		background: linear-gradient(#4088BD, #0060A7);
		background: -ms-linear-gradient(#4088BD, #0060A7);
		background: -moz-linear-gradient(#4088BD, #0060A7);
		background: -webkit-linear-gradient(#4088BD, #0060A7);
		border-left: 1px solid #8BB6D7; border-top: 1px solid #8BB6D7; border-right: 1px solid #265271; border-bottom: 1px solid #265271;
		width: 151px;
}
	#changeImg li a:hover {
		background: #78CFFF;
		background: linear-gradient(#78CFFF, #549FD6);
		background: -ms-linear-gradient(#78CFFF, #549FD6);
		background: -moz-linear-gradient(#78CFFF, #549FD6);
		background: -webkit-linear-gradient(#78CFFF, #549FD6);
		border-left: 1px solid #B8D9FF; border-top: 1px solid #B8D9FF; border-right: 1px solid #4475AD; border-bottom: 1px solid #4475AD;
}/*#3B84BB*/

#head_login {
	clear:both;
	background: url('/mantan/cmn/bg_02.gif') repeat-x 1px;
	height:30px;
	border:1px solid #c3c3c3; border-width:1px 0;
	}
	#head_login ul { float:left; padding:5px 0 0 2px; }
		#head_login li { float:left; padding:3px 10px 0; border-right:1px solid #d2d2d2; }
	#head_login p { float:right; padding:11px 1px 0 0; }
	#head_login p.after { vertical-align:top; padding:5px 5px 0 0; }
		#head_login p.after img { margin-top:5px; }
#bread {
	background: url('/mantan/cmn/bg_01.gif') repeat-x 2px;
	height:43px;
	padding-left:15px;
	}
	#bread li { padding-top:14px; font-size:10px; float:left; padding-right:5px; }
#contents { margin:0 auto 0; width:890px; background:url('/mantan/cmn/right_bg.gif') repeat-y; }
	#contents .alert {}
		#contents .alert,
		#contents .alert *,
		#contents .alert a { color:#f00; }
	#contents .left {
		width:655px;
		float:right;
		padding-bottom:20px;
		}
		#contents .search { margin-bottom:15px; float:left; }
			#contents .search h2 { float:left; padding:4px 5px 0 0; }
			#contents .search form { float:left; }
				#contents .search form * { vertical-align:middle; }
				#contents .search form input { margin-left:5px; }
		#linkTarget {
			width:655px;
			height:220px;
			padding-bottom:15px;
		}
		#contents .left .freeInfo {
			/*border-top:4px solid #d7d7d7;*/
			border:1px solid #d7d7d7;
			padding:10px;
			/*margin-top:10px;*/
			width:635px;
			margin-bottom:15px;
			float:left;
		}
		#contents .left .freeInfo dt { width:122px; float:left; }
		#contents .left .freeInfo dd { width:180px; float:left; padding:0 5px; }
			#contents .left .freeInfo dd p { margin-bottom:5px; }
		#contents .categorySearch {
			background: url('/mantan/images/top_category_bg.gif') repeat-x;
			min-height:330px;
			padding-left:15px;
			padding-right:15px;
			/*text-align:center;*/
			}
			#contents .categorySearchPadding {
				background:#fff;
				padding-top:10px;
				float:left;
				}
				#contents .categorySearch .col {
					text-align:left;
					width:155px;
					margin:0 26px;
					padding-bottom:20px;
					float:left;
				}
				#contents .categorySearch .col ul { margin-top:10px; }
					#contents .categorySearch .col li { 
						background: url('/mantan/cmn/icon.gif') no-repeat 2px 4px;
						padding-left: 18px;
					}
/*		#contents .productSearch {
			float:right;
			width:320px;
			}
			#contents .productSearch .col { padding:10px 0 0 0; }
				#contents .productSearch .col p { margin-bottom:5px; }
				#contents .productSearch ul { float:left; padding:8px 0; width:320px; background:url('/mantan/images/top_package_middle.gif') repeat-y; }
					#contents .productSearch li { float:left; width:143px; padding-left:15px; }
*/
	#contents .right { width:200px; padding:10px; float:left; }
		#right_login { background:#fff; border:1px solid #cacaca; border-width:0 1px; }
			#right_login div { background:url('/mantan/cmn/loginBox_middle.gif') repeat-x 0 1px; width:190px; margin:auto; padding:10px 0; }
			#right_login p { font-size:10px; text-align:center; padding:5px 0 0 0; }
				#right_login p.l1 img { margin:0 11px 0 5px; }
				#right_login p.l2 img { margin:0 14px 0 7px; }
		#contents .right .adlinks {}
			#contents .right .adlinks li { margin:0 auto 5px; text-align:center; }
		#contents .right .guide { background:#0865AA; }
			#contents .right .guide ul  { background:#fff; border:1px solid #c1c1c1; margin:0 5px; }
			#contents .right .guide li  { 
				background: url('/mantan/cmn/list_arrow_01.gif') no-repeat 8px 8px;
				padding:5px 5px 5px 20px;
				margin-bottom:0;
				line-height: 1.2em;
				border-bottom:1px dotted #d7d7d7;
			}
		#contents .right li a:link strong,
		#contents .right li a:visited strong,
		#contents .right li a:link strong,
		#contents .right li a:hover strong,
		#contents .right li a:active strong {
			color: #00A2FF;
		}
#footer {
	border:1px solid #efefef;
	background:url('/mantan/cmn/foot_bg_01.gif') repeat-x;
	margin:0 15px;
	padding: 10px 0 0;
	clear:both;
	}
	#footer * { text-align:center; }
	#footer ul { line-height:100%; }
		#footer li { font-size:10px; display:inline; }
#overflow { width:938px; margin:0 auto 30px; }
	#overflow p.commonFooter {
		font-size:10px;
		text-align:center;
		margin-top:10px;
		color:#999;
		}
		#overflow p.commonFooter a:link, #overflow p.commonFooter a:visited, #overflow p.commonFooter a:link, #overflow p.commonFooter a:hover, #overflow p.commonFooter a:active {
			text-decoration: none;
			color: #999;
		}

/*___________________________________________________________________________________________ #movie */
#movie #contents .categorySearch .col {
	width:342px;
	}
	#movie #contents .categorySearch .col img {
		clear:both;
		margin-bottom:5px;
	}
	#movie #contents .categorySearch .col ul {
		clear:both;
		margin:0 0 10px 0;
	}
		#movie #contents .categorySearch .col li {
			width:auto;
			display:inline;
			background-position:2px 2px;
		}
#movie #contents .usageCategorySearch {}
	#movie #contents .usageCategorySearch .col {
		border:1px solid #9CD3F6;
		border-top-width:0;
		width:128px;
		float:left;
		margin-top:15px;
		margin-right:11px;
		margin-bottom:20px;
		}
		#movie #contents .usageCategorySearch .col p {
			padding: 0 5px 3px 5px;
			font-size:10px;
			}
			#movie #contents .usageCategorySearch .col p.headline { padding: 0; }
		#movie #contents .usageCategorySearch .col ul { padding: 0 5px 5px 5px; }
/*___________________________________________________________________________________________ #index */
#index #contents .info { padding:10px; border:solid #ccc; border-width:0 1px 1px 1px; width:633px; }
	#index #contents .info li { list-style:disc; margin-left:20px; }	
		#index #contents .categorySearch {
			background:none;
			min-height:auto;
			width:320px;
			padding:0;
			text-align:center;
			float:left;
			}
			#index #contents .categorySearchPadding { padding:0; }
				#index #contents .categorySearch h2 { margin-bottom:10px; }
				#index #contents .categorySearch table {
					width:315px;
					margin:10px 0 0 5px;
					border-collapse:separate;
					border-spacing:5px;
					}
					#index #contents .categorySearch td.col {
						border:1px solid #e0e0e0;
						border-width:0 1px 1px 0;
						text-align:left;
						vertical-align:top;
						margin:0;
						width:50%;
						padding:5px;
						float:none;
					}
					#index #contents .categorySearch .col ul { margin-top:10px; }
					#index #contents .categorySearch .col li { 
						background: none;
						padding-left: 0;
					}
/*___________________________________________________________________________________________ #gallery */
#gallery #contents .left h2 { margin: 0 0 25px 0; }
#gallery #contents .left .col { clear:both; padding:20px 0 0 0; }
	#gallery #contents .left .col p { padding:5px 0 15px; }
/*___________________________________________________________________________________________ #free */
#free #contents .left * { border:0px solid #1E4A80; }
#free #contents .bread { margin-bottom:10px; }
#free #contents .left h2 { margin:20px 0 10px 0; padding:5px 0 0 25px; background:url('/mantan/cmn/headLine01.gif') no-repeat; clear:both; height:22px; font-size:14px; }
/*#free #contents .left h2 { padding: 4px 10px; margin: 0 0 20px; border-left: 6px solid #1E4A80; border-bottom: 3px double #1E4A80; }
*/#free #contents .left h3 { margin: 40px 0 10px; padding:5px 10px; clear:both; font-size:16px; }
#free #contents .left ul.inline li { width:auto; display:inline; }
#free #contents .left .free_apply{ text-align: center; padding: 10px; margin: 20px 0; }
#free #contents .left .free_explain_service{ background: #fff url(/mantan/images/free/logo_free.png) no-repeat; background-size: 40%; height: 150px; padding: 5px 5px 5px 42%;}
#free #contents .left .free_explain_plan dt{ width: 150px; background-size: 100%; height: 100px; float: left; clear: both;}
#free #contents .left .free_explain_plan { overflow: hidden; }
#free #contents .left .free_explain_plan .free_explain_plan_light{ background: #fff url(/mantan/images/free/logo_light.png) no-repeat; }
#free #contents .left .free_explain_plan .free_explain_plan_std{ background: #fff url(/mantan/images/free/logo_std.png) no-repeat; }
#free #contents .left .free_explain_plan dd{ float: right; width: 75%; }
#free #contents .left table, #free #contents .left table th, #free #contents .left table td {
	border-width:1px;
	text-align:center;
	}
	#free #contents .left table { border-collapse:collapse; width:100%; }
	#free #contents .left table th { background:#C8DBED; color:#1E4A80; font-weight:bold; padding:5px 0; width:15%; }
	#free #contents .left table td { padding:5px 0; }
	#free #contents .left table tr.tdPx10 td { font-size:10px; }
	#free #contents .left table .free_table_plan{ width: 20%; }
	#free #contents .busHeadline { color:#3FAE48; font-weight:bold; font-size:24px; text-align:center; }
#free #PresentService {
	border:1px solid #ccc !important;
	padding:1px;
	margin:20px 0;
	}
	#free #PresentService h3 {
		background:#ccc;
		padding:15px 5px;
		font-size:12px;
	}
	#free #PresentService p {
		padding:10px;
	}
	#free #PresentService p.t_right {
		padding-top:0;
	}
/*___________________________________________________________________________________________ #guide */
#guide .map01 {
	background: url('../cmn/icon.gif') no-repeat 0 5px;
	margin: 10px 0 10px 10px;
	padding: 2px 0 2px 15px;
}
#guide .map02 {
	background: url('../cmn/icon.gif') no-repeat 0 5px;
	margin: 10px 0 10px 100px;
	padding: 2px 0 2px 15px;
}
#guide .map03 {
	background: url('../cmn/icon.gif') no-repeat 0 5px;
	margin: 10px 0 10px 120px;
	padding: 2px 0 2px 15px;
}
#guide .map04 {
	margin: 10px 0 10px 30px;
	padding: 2px 0 2px 10px;
}
#guide h2 { font-size:14px; margin:20px 0 10px 0; }

/*___________________________________________________________________________________________ #guide div.newcustomer 
*/
#guide div.newcustomer div.bnrBox p {
	margin-top: 20px;
    _zoom: 1;  
    overflow: hidden;
}

#guide div.newcustomer div.bnrBox p img {
	float: left;
}

#guide div.newcustomer div.bnrBox p span {
	display: block;
	float:left;
	padding:80px 0 0 10px;
}

#guide div.newcustomer div.bnrBox p span.twoLines {
	padding:60px 0 0 10px;

}

/*___________________________________________________________________________________________ ¡ù6 */
* html #wrapper { background: #fff; border:1px solid #ccc; }
* html #contents .search form input { margin-left:3px; }

* html #contents .categorySearch { height:330px; }
* html #contents .categorySearch .col { margin:0 20px; }
/*
* html #contents .productSearch .col { margin:0; }
* html #free #contents .left table th strong { background:#C8DBED; color:#1E4A80; font-weight:bold; padding:5px 0; }
* html #footer { padding-top:5px; }
*/


/*ÆóÎó¥Ð¥Ê¡¼*/
div#contents div.bnr {
    overflow: hidden;
	zoom: 1;
	margin-bottom:20px;
	width: 660px;
}
div#contents div.bnr p {
	float: left;
}

div#contents div.bnr p.second {
	float: right;
}

/*div#footer p.copyright {
	margin: 10px 0 5px;
}*/