/* ========================================  #main ページの本文 */
.photo {
	margin: 0px 0px 20px;
	text-align: center;
}
.catch{
	text-align: center;
	margin: 0px 0px 20px;
}
.contentswrap{
	border:1px solid #CCCCCC;
	padding:10px;
	height:100%;
}
.box{
	clear:both;
	overflow: hidden;
	margin:10px 10px 10px 10px;
}
.box .text1{
	font-size:10px;
}
.box_gray{
	border:1px solid #cccccc;
	padding:5px;
	background-color: #f9f9f9;
}
.box_grayframe{
	background:#ffffff;
	border:1px solid #cccccc;
	padding:10px;
}
.box_red{
	border:1px solid #cc0000;
	padding:5px;
	color: #FFFFFF;
	background-color: #cc0000;
}
.box_redframe{
	background:#ffffff;
	border:1px solid #cc0000;
	padding:10px;
}
.boxwrap{
	clear:both;
	position:relative;
} 
.box_gray{
	background:#f9f9f9;
	border:1px solid #cccccc;
	padding:10px;
}
.box0{
	clear:both;
	overflow: hidden;
	margin:10px 10px 10px 10px;
	font-weight: bold;
	font-size: 14px;
}
.box2 {
	margin: 1px;
	padding: 2px;
	float: left;
	width: 32%;
	text-align: center;
}
.box3 {
	margin: 1px;
	padding: 2px;
	float: left;
	width: 32%;
	text-align: center;
}
.box4 {
	margin: 1px;
	padding: 2px;
	float: right;
	width: 32%;
	text-align: center;
}
.box5 {
	width: 70%;
	border: 1px solid #333333;
}
.box6 {
	width: 85%;
	border: 1px solid #333333;
	padding:10px;
}
.box7 {
	width: 70%;
	border:	none;
}
.box8 {
	width: 250px;
	border:	1px solid #99A7B2;
	text-align:center;
	padding: 5px;
	font-weight: bold;
	background-color: #EEEEEE;
}
.box9 {
	border:solid 1px #C7E7F1;
	height:92px;
	padding:10px;
}
.box10 {
	width: 450px;
	font-size: 12px;
	line-height: 140%;
	border: 1px solid #FF9933;
	padding: 5px;
	background-color: #FBF2E1;
}
.box11 {
	margin: 1px;
	padding: 2px;
	float: right;
	text-align: center;
}
.box_soft_regist{
	clear:both;
	overflow: hidden;
	margin: 10px;
	padding:5px;
	text-align: center;
	background-color:#CCCCCC;
}
.box_left{
	float:left;
	text-align:center;
	width:121px;
	background-color:#FFFFFF;
	font-size:10px;
	border: 1px solid #000099;
}
.boxL_set{
	float:left;
	text-align:center;
	width:121px;
	background-color:#FF6600;
	font-size:10px;
	color:#FFFFFF;
	font-weight: bold;
	border: 1px solid #000099;
}
.box_arrow{
	float:left;
	text-align:center;
	width:20px;
	font-size:10px;
}
.box_right{
	float:right;
	text-align:center;
	width:120px;
	background-color:#FFFFFF;
	font-size:10px;
	border: 1px solid #000099;
}
.box_center{
	text-align:center;
	clear:both;
	overflow: hidden;
	margin:10px 10px 10px 10px;
}

.boxwrap{
	clear:both;
	position:relative;
}
.box_gray{
	background:#f9f9f9;
	border:1px solid #cccccc;
	padding:10px;
}
.notice{
	background:url(/images/common/notice.gif) no-repeat;
	padding-left:30px;
	margin-left:20px;
	margin-top:10px;
}
.red{
	color:#ff0000;
}
.blue{
	color:#4169E1;
}
.bblue {
	font-weight:bold;
	color:#000099;
}
.green{
	color:#2E8B57;
}
.yellow{
	color:#DBA500;
}
/* begin: added at 2012-02-07 for title-images */
.seriestitle{
 	margin-bottom:10px;
}
.title_text1 {
	background-image:url(/files/images/common/page_title_bg.jpg);
	width:720px;
	height:70px;
	background-repeat:no-repeat;
	display:block;
	font-size:30px;
	padding-top:12px;
	padding-left:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.title_text2 {
	background-image:url(/files/images/common/page_title_bg.jpg);
	width:720px;
	height:70px;
	background-repeat:no-repeat;
	display:block;
	font-size:20px;
	line-height:0.5;
	padding-top:9px;
	padding-left:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* end: added at 2012-02-07 for title-images */

.link_list li{
	list-style-type: none;
	background:url(/images/common/arrow03.gif) no-repeat 0px 7px;
	padding-left:10px;
	margin-left:10px;
}
.link_list2 li{
	list-style-type: none;
	background:url(/images/common/arrow03.gif) no-repeat 0px 7px;
	padding-left:10px;
	margin-left:10px;
}
.link_list3 li{
	list-style-type: none;
	background:url(/images/common/arrow03.gif) no-repeat 0px 7px;
	padding-left:10px;
	margin-left:10px;
}
.link_list li a{
	padding-right:1.5em;
	color:#0099FF;
	text-decoration:none;
}
.link_list li a:visited{
	color:#800080;
}
.link_list li a:hover{
	color:#AA0000;
	text-decoration:underline;
}
.font70 {
	font-size:70%;
}
.font75 {
	font-size:75%;
}
.font80 {
	font-size:80%;
}
.font85 {
	font-size:85%;
}
.font90 {
	font-size:90%;
}
.p1 {
	margin-left:1.5em;
}
.p1a {
	margin-left:1.5em;
	text-indent:-1.5em;
}
.p1b {
	margin-left:2em;
	text-indent:-0.5em;
}
.p1c {
	margin-left:1em;
	text-indent:-1em;
}
.p1d {
	margin-left:5em;
	text-indent:-1em;
}
.p2 {
	margin-left:2em;
}
.p3 {
	margin-left:3em;
}
.p4 {
	margin-left:4em;
}
.p5 {
	margin-left:5em;
}
.clear {
    clear:both;
    width:100px;
    height: 10px;
    margin-right:auto;
    margin-left:auto;
}
.LineDodB {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	line-height: 18px;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.vertical_line {
	border-left: 1px solid #000000;
	line-height: 1.0em;
}


/* ========================================  お知らせ設定 */
.infoTxt {
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#info_GW {
	border: 1px solid #003366;
	padding: 0px 0px 5px 5px;
	margin: 10px;
}

#info_GW h2{
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
}
div#info_GW p {
	margin: 0px;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#info_GW p.line{
	margin:5px 10px 5px;
	padding:10px 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#info {
	margin-bottom: 20px;
	margin-top: 10px;
}
#info p {
	color: #FF0000;
	margin: 5px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px;
}


/* ラインスタイル
--------------------------------------------------------------------------*/
.LineDod {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CC3300;
	margin-bottom: 5px;
}


.taisyo {
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	padding-right: 10px;
	color: #333333;
	font-weight: bold;
}


/* ========================================  padding */

.paddingT0 {
	padding-top: 0px;
	}
.paddingT5 {
	padding-top: 5px;
	}
.paddingT10 {
	padding-top: 10px;
	}
.paddingB0 {
	padding-bottom: 0px;
	}
.paddingB5 {
	padding-bottom: 5px;
	}
.paddingB10 {
	padding-bottom: 10px;
	}
	
/* ========================================  margin */

.marginT0 {
	margin-top: 0px;
}
.marginT3 {
	margin-top: 3px;
}
.marginT5 {
	margin-top: 5px;
}
.marginT10 {
	margin-top: 10px;
}
.marginT20 {
	margin-top: 20px;
}
.marginB0 {
	margin-bottom: 0px;
}
.marginB5 {
	margin-bottom: 5px;
}
.marginB10 {
	margin-bottom: 10px;
}
.marginB20 {
	margin-bottom: 20px;
}
.marginB30 {
	margin-bottom: 30px;
}
.marginR5 {
	margin-right: 5px;
}
.marginR10 {
	margin-right: 10px;
}
.marginR20 {
	margin-right: 20px;
}
.marginR25 {
	margin-right: 25px;
}
.marginR30 {
	margin-right: 30px;
}
.marginR35 {
	margin-right: 35px;
}
.marginR40 {
	margin-right: 40px;
}
.marginR45 {
	margin-right: 45px;
}
.marginL5 {
	margin-left: 5px;
}
.marginL10 {
	margin-left: 10px;
}
.marginL20 {
	margin-left: 20px;
}
.magAll10 {
	margin: 10px;
}
.paddL10 {
	padding-left: 10px;
}
	
/* ========================================  テキストサイズ */

.textsize14 {
	font-size: 14px;
	}
.textsize12 {
	font-size: 12px;
	}
.textsize10 {
	font-size: 10px;
	}
.textsize14B {
	font-size: 14px;
	font-weight: bold;
	}
.textsize12B {
	font-size: 12px;
	font-weight: bold;
	}
.textsize10B {
	font-size: 10px;
	font-weight: bold;
	}
	
	
/* ========================================  テキストカラー */

.textcolor_red {
	color:#FF0000;
	}
.textcolor_blue {
	color: #0000FF;
	}
	
/* ========================================  揃え */

.align_left {
	text-align:left;
	}
.align_right {
	text-align:right;
	}
.align_top {
	vertical-align: top;
	}
.align_bottom {
	vertical-align: bottom;
	}


/* ========================================  表設定 */

.tbl01a{
	background:#99A7B2;
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #99A7B2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	width:100%;
}
/*IE6用*/
*html .tbl01a{
	width:90%;
}
.tbl01a th{
	border: 1px #99A7B2 solid;
	background:#FFC89A;
	padding:3px;
	/*text-align:center;*/
	vertical-align:middle;
}
.tbl01a td{
	border: 1px #99A7B2 solid;
	background:#FFF7F4;
	padding:3px;
	/*text-align:center;*/
	vertical-align:middle;
}

/* ========================================  そのほか各頁個別設定 */

/*　Customer　*/
.customer .boxwrap{
	overflow: hidden;
}
.customer .boxwrap .cate{
	overflow: hidden;
	float:left;
	width:33%;
	border:1px solid #ccc;
	padding:0px 0px 15px 0px;
	padding-bottom: 32767px;
    margin-bottom: -32767px;
}
*html .customer .boxwrap .cate{
	padding-bottom: 0px;
    margin-bottom: 0px;
}
.customer h2{
	background:url(/images/common/temp01kai_h2_back.jpg) repeat-x;
	border:0px;
	color:#ffffff;
	margin-bottom:0px;
	font-size: 120%;
}

/*　Customer共通　*/
#semibanner{
	position:absolute;
	top:120px;
	right:10px;
	width:240px;
	height:130px;
	list-style-type: none;
	padding-right:10px;
}

#semibanner li{
	background:#333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	border:1px solid #ffffff;
	padding:3px;
	color:#ffffff;
	font-weight:bold;
	width:224px;
	margin-bottom:3px;
}
#semibanner a{
	color:#ffffff;
}

.support_line {
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom: 1px solid #999999;
	margin-bottom: 5px;}


/*　Customer2　*/
.customer2 .box{
	padding:10px 10px 10px 10px;
	overflow: hidden;
}
.customer2 .Lbox{
	float:left;
	width:58%;
	text-align: left;
}
.customer2 .Lbox2{
	float:left;
	width:4%;
	text-align: center;
}
.customer2 .Rbox{
	float:right;
	width:38%;
	text-align: left;
}


.customer2 .box_S{
	clear:both;
	overflow: hidden;
	margin: 10px;
	text-align: center;
}
.customer2 .box_S2{
	clear:both;
	overflow: hidden;
	margin: 10px;
	width: 70%;
}
.customer2 .box2{
	clear:both;
	padding:10px 10px 10px 10px;
	overflow: hidden;
}


.customer2 h2{
	clear:both;
	color:#005BAC;
	padding:5px 0px 5px 20px;
	margin-bottom:10px;
	font-size:140%;
	/*height:30px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #005BAC;
	border-right-color: #005BAC;
	border-bottom-color: #005BAC;
	border-left-color: #005BAC;
}
.customer2 h2 a{
	color:#666666;
}
.customer2 h2 a:hover{
	color:#aa0000;
}


/*　Regist　*/
	.regist .Lbox{
		height:100%;
		padding:0px;
		float:left;
		width:520px;
	}
	.regist .Rbox{
		float:left;
		width:190px;
		padding:0px;
		margin-left:5px;
		margin-right:5px;
		border:1px solid #999999;
	}
	.regist .Rbox .title{
		text-align:center;
		padding:5px;
		background:#999999;
		color:#FFFFFF;
		font-weight:bold;
	}
	.regist .Rbox .subtitle{
		text-align:center;
		padding:5px;
		background:#a8c0f8;
		font-weight:bold;
	}
	.regist .myorder{
		background:#ff4400;
		color:#FFFFFF;
	}
	.regist .order{
		background:#ffffff;
		border:1px solid #999999;
	}
	.regist_ul{
		list-style-type: none;
		padding:10px 5px 10px 5px;
		background:#CCCCCC;
	}
	.regist .pageback{
		background:url("/images/common/arrow07.gif") no-repeat 10px 0.5em;
		padding-left:25px;
		padding-top:2px;
	}
	.regist .pageback a{
		text-decoration:none;
		color:#0073AF;
	}
	.regist .pageback a:hover{
		text-decoration:underline;
	}

/* 【tbl02】レイアウトテーブル */
.tbl02{
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 0px;
	margin-bottom:20px;
	background:url(/images/common/top_back_02.jpg) repeat-x bottom;
}
.tbl02 th{
	border:0px;
	color:#ffffff;
	font-size:1em;
	margin-bottom:0px;
	height:100%;
	width:33%;
	border: 1px #99A7B2 solid;
	text-align:left;
}
.tbl02 th a{
	color:#fff;
	background: url(/images/common/arrow08.gif) no-repeat 0 50%;
	padding-left:10px;
}
.tbl02 td{
	border:1px #99A7B2 solid;
	vertical-align:top;
	height:100%;
	padding:10px;
}
.tbl02 .sp{
	border-style:none;
	background:#ffffff url("");
}
.tbl02 td.nobtm{
	border-bottom:0px;
}
.tbl02 td.notop{
	border-top:0px;
	vertical-align:bottom;
}

/* 印刷用CSS */
@media print{
    .box {
        overflow:visible;
    }

	#page {
		width: 722px\9; /*WinIE8 and below */
	}
	#menu{
		display:none\9; /*WinIE8 and below */
	}
	#menuL{
		display:none\9; /*WinIE8 and below */
		float:none\9; /*WinIE8 and below */
	}
	#contents{
		background:#ffffff url("") 0px 0px\9; /*WinIE8 and below */
		width: 722px\9; /*WinIE8 and below */
		border-top:0px solid #999999\9; /*WinIE8 and below */
		border-left:0px solid #999999\9; /*WinIE8 and below */
		border-right:0px solid #999999\9; /*WinIE8 and below */
	}
	#main{
		float:none\9; /*WinIE8 and below */
		position:static\9; /*WinIE8 and below */
	}
	#header{
		display:none\9; /*WinIE8 and below */
	}
	#border{
		display:none\9; /*WinIE8 and below */
	}
	#footer{
		width: 724px\9; /*WinIE8 and below */
		border-left:0px solid #999999\9; /*WinIE8 and below */
		border-right:0px solid #999999\9; /*WinIE8 and below */
		border-bottom:0px solid #999999\9; /*WinIE8 and below */
	}
	#footer_top{
		display:none\9; /*WinIE8 and below */
	}
	*{
		_zoom: 1; /*WinIE6 */
	}
	*html .Temp2 ol.annot li{
		_zoom: normal; /*WinIE6 */
		_text-indent:0px; /*WinIE6 */
	}
	*html .Temp2 ol.annot li *{
		_text-indent:-16px; /*WinIE6 */
	}
	html>/**/body .box{
		overflow/*\**/:auto\9; /*WinIE8 only*/
	}
}