/**  

common.css   Date: 2009.3.13

==============================
Used Hacks are 

html>body .xxx{margin:10px} //for except IE
*html .xxx {width: 202px}  //for IE
_width//for IE4-6
behavior:url(iepngfix.htc) // png transparent for IE
*:first-child+html{}// for IE7
html*.xxx {width: 202px}  //for safari

overflow:hidden;//Firefoxリンク枠線対策

@charset "shift_jis";

for alpha images:
xxx a:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6; 
}


==============================

**/


/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%; font-size:100%;}

a {color:#0099FF; font-weight:bold}

a:hover{color:#FF6600;}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space30 {height: 30px}

.space40 {height: 40px}

.space100 {height: 100px}

.Red {color:#FF0000}

.left {float:left}

.right {float:right}

.center {text-align:center}

.More a{
	background-image: url(../images/BtMore.gif);
	height: 13px;
	width: 54px;
	display:block;
	text-indent:-9999px;
	overflow:hidden

}

.More a:hover{background-image: url(../images/BtMoreH.gif)}


.LineDot{
	background-image: url(../images/line_01.gif);
	height: 9px;
	background-repeat: repeat-x;
}


.ArrowCBlack{
	background-image: url(../images/ArrowCBlack.gif);
	background-position: left center;
	padding-left:18px;
}

*html .ArrowPoint{
	behavior:url(iepngfix.htc) 
}
	
	
/* Initial Setting */


body{
	text-align:center;
	color:#333333;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック", sans-serif;
}

#Ticker{
	background-color:#333333
}

#Bg{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

#Wrapper{
	width:864px;
	height:auto;
	text-align:left;
	margin:0 auto;
	padding:6px 0 0 0;
}



/** HEADER **/


#Header h1{
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:2px;
	margin-left:10px;
	
}

#Header h1 a{
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal
}

*html #Header #Logo{
	behavior:url(iepngfix.htc)
}

#Header .right {
	text-align:right;
}

#Header .right ul {
	margin-left:0
}

#Header .right ul li{
	float:left;
	font-size:10px;
	background-image: url(../images/ArrowWhite.gif);
	background-position:left center;
	padding-left: 14px;
	margin-right:10px;
}

#Header .right ul li a{
	color:#FFFFFF;
	overflow:hidden;
	font-weight:normal
}

#Header .right ul li a:hover{
	color:#666666
}

#Header #Banner {
	height:60px;
	background-image: url(../images/ore.png);
	width: 564px;
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 8px;
	margin-left: 0;
}

#Header #Banner h2{
	font-size:12px;
	text-align:left;
}

#Header #Banner h2 a{
	text-decoration:none;
	color:#333333
}

#Header #Banner .in{
	font-size:12px!important;
	text-align:left!important;
	padding:4px 10px
}

#Header #Banner .in p{
	font-size:12px!important;
	text-align:left!important;
}

html:not(:target) #Header #Banner {
	margin:8px 6px 9px 0;
}
html* #Banner {margin:1px 6px 8px 0!important; } 

*:first-child + html #HdFlash {
	margin-top:9px
}




/** MENU **/


#WrapMenu {
	height: 44px;
	width: 864px;
	margin-top:10px;
	position:relative;
	z-index:9999
}

#Popup{
	position:absolute;
	top:44px;
	left:122px;
	visibility:hidden;
	font-size:12px;
	background-image: url(../images/BgPopup.png);
	height: 203px;
	width: 148px;

}

#Popup a{
	color:#FFFFFF;font-weight:normal
}

#Popup a:hover{
	color:#FF6600;
}

*html #Popup{
	background-image: url(../images/BgPopup.gif);
	filter: alpha(opacity=80);
	
}


#Popup ul{
	margin:10px
}

#Popup ul li{
	margin-bottom:4px;
	background-image: url(../images/ArrowWhite.gif);
	background-position: left center;
	padding-left: 10px;
}


#Menu li{
	float:left;
	height:44px
}

#Menu li a{
	float:left;
	height:44px;
	overflow:hidden;
	display:block;
	text-indent:-9999px
}

#Menu01, #Menu01 a{
	background-image: url(../images/Menu01.jpg);
	width: 122px;
}
#Menu01 a:hover{
	background-image: url(../images/Menu01H.jpg);
}

#Menu02, #Menu02 a{
	background-image: url(../images/Menu02.jpg);
	width: 139px;
}
#Menu02 a:hover{
	background-image: url(../images/Menu02H.jpg);
}

#Menu03, #Menu03 a{
	background-image: url(../images/Menu03.jpg);
	width: 88px;
}
#Menu03 a:hover{
	background-image: url(../images/Menu03H.jpg);
}

#Menu04, #Menu04 a{
	background-image: url(../images/Menu04.jpg);
	width: 115px;
}
#Menu04 a:hover{
	background-image: url(../images/Menu04H.jpg);
}

#Menu05, #Menu05 a{
	background-image: url(../images/Menu05.jpg);
	width: 167px;
}
#Menu05 a:hover{
	background-image: url(../images/Menu05H.jpg);
}

#Menu06, #Menu06 a{
	background-image: url(../images/Menu06.jpg);
	width: 80px;
}
#Menu06 a:hover{
	background-image: url(../images/Menu06H.jpg);
}

#Menu07, #Menu07 a{
	background-image: url(../images/Menu07.jpg);
	width: 153px;
}
#Menu07 a:hover{
	background-image: url(../images/Menu07H.jpg);
}



#Navi{
	margin-top:2px;
	font-size:10px
}

#Navi span{
	margin-left:6px;
	background-image: url(../images/Navi.gif);
	padding-left: 12px;
	background-position:left center;
	color:#999999;
}



/** CONTENTS **/

#WrapContents{
	margin:0
}

#WrapContents .left{
	width:640px;
	margin-top:4px
}

#WrapContents .right{
	width:204px;
	margin-top:4px
}






#Bn02{
	margin:8px 0 0 0;
	float:left;
}


#Bn03{
	margin:8px 0 0 0;
	float:right
}

#Bn04{
	margin:8px 0 0 0;
}

#Bn05{
	margin:8px 0 0 0;
}

#News{
	float:left;
	width:318px;
	background-image: url(../images/NewsIndex.gif);
	height: 242px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#News2{
	float:left;
	width:318px;
	background-image: url(../images/wrap_blog.gif);
	height: 242px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
}

#NewsTop,#NewsTop2{
	width:307px;
	_width:319px;

	height: 30px;
	_height: 35px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	position:relative;
	padding:5px 0 0 12px
}

#NewsTop span,#NewsTop2 span{
	font-size:10px;
	color:#FF9900;
	margin:0 10px;
	font-weight:normal
}

#NewsTop a,#NewsTop2 a{
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	left:286px;
	text-indent:-9999px;
	overflow:hidden
}

#NewsMid,#NewsMid2{
	width:319px;
	background-repeat: repeat-y;
	font-size:10px;
	padding:4px 0;
	height:166px;
}


#NewsMidin,#NewsMidin2{
	width:290px;
	height:166px;
	overflow: auto;
	padding-right:6px;
	margin-left:16px
}


.line{
	margin:0;
	background-image: url(../images/LineShadow.gif);
	background-repeat: repeat-x;
}

#NewsMid .line,#NewsMid2 .line{
	margin-top:4px;
}

#NewsBtm,#NewsBtm2{
	width:319px;

	height: 38px;
	position:relative
}

#NewsBtm .More a,#NewsBtm2 .More a{
	position:absolute;
	top:10px;
	left:240px
}


#Kigyo{
	margin:8px 0 0 0;
	float:right
}

#BtBns{
	margin:20px 0 0 0;
}

#BtBns img{
	margin-right:1px;
}


/** RIGHT **/

#BgCal{
	background-image: url(../images/BgCalender.gif);
	height: 210px;
	_height: 214px;
	width: 204px;
	margin-bottom:6px;
	padding-top:4px
}

#PicupTop{
	background-image: url(../images/PickupTop.gif);
	width: 192px;
	_width:204px;
	height: 25px;
	_height: 33px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px 0 0 12px
}
#PicupTop a{
	color:#FFFFFF;
	text-decoration:none
}
#PicupMid{
	background-image: url(../images/PickupMid.gif);
	width: 204px;
	height: auto;
	font-size:12px;
	background-repeat: repeat-y;
	text-align:center;
	padding:6px 0
}

#PicupMid .client {
	margin-bottom:6px;
	margin-right:10px
}

#PicupMid .client a{
	text-decoration:underline;
	background-image: url(../images/ArrowBlue.gif);
	background-position: left center;
	padding-left:12px;
	
}

#PicupMid .WrapImg a{
	border:solid 1px #CCCCCC;
	padding:1px;
	width:148px;
	display:block;
	margin:0 auto
}

#PicupMid .WrapImg a:hover{
	border:solid 1px #FF9900;
}

#PicupMid .line{
	margin:12px 10px 0 10px
}


#PicupBtm{
	background-image: url(../images/PickupBtm.gif);
	width: 204px;
	height: 30px;
	margin-bottom:6px
}


#PicupMid .More a{
	margin:0 auto
}



#KeyTop{
	background-image: url(../images/KeywordTop.gif);
	width: 192px;
	_width:204px;
	height: 33px;
	_height: 41px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px 0 0 12px
}
#KeyTop a{
	color:#FFFFFF;
	text-decoration:none
}
#KeyMid{
	background-image: url(../images/KeywordMid.gif);
	width: 204px;
	height: auto;
	font-size:12px;
	background-repeat: repeat-y;
	text-align:center;
	padding:6px 0
}

#KeyMid ul{
	text-align:left;
	margin:0 10px
}

#KeyMid li {
	margin-bottom: 8px;
	text-indent:-1em; 
	margin-left:1em
}

#KeyMid li a{
	text-align:left;
	background-image: url(../images/ArrowBlue.gif);
	background-position: left 2px;
	margin-bottom: 10px;
	padding-left: 1em;
	
}



#KeyMid .line {
	margin:10px 10px 0 10px
}

#KeyMid .More a{
	margin:0 auto
}


#KeyBtm{
	background-image: url(../images/KeywordBtm.gif);
	width: 204px;
	height: 36px;
}


#Area{
	text-align:center;
	font-size:10px;
	margin:10px 0 20px 0
}

#Area a{
	background-image: url(../images/ArrowBlue.gif);
	padding-left: 12px;
	background-position: left center;
}



#Campaine{
	margin:10px 0;
	position:relative
}


#Campaine span{
	position:absolute;
	top:-6px;
	left:-70px
}

#banner_cms{
	margin-bottom:4px
}


#ServicesTop{
	background-image: url(../images/ServicesTop.gif);
	width: 192px;
	_width:204px;
	height: 33px;
	_height: 41px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px 0 0 12px
}

#ServicesTop a{
	color:#FFFFFF;
	text-decoration:none
}

#ServicesMid{
	background-image: url(../images/ServicesMid.gif);
	width: 204px;
	height: auto;
	font-size:12px;
	background-repeat: repeat-y;
	text-align:center;
	padding:6px 0
}

#ServicesMid ul{
	text-align:left;
	margin:0 10px
}

#ServicesMid li {
	margin-bottom: 8px;
	text-indent:-1em; 
	margin-left:1em
}

#ServicesMid li a{
	text-align:left;
	background-image: url(../images/ArrowBlue.gif);
	background-position: left 2px;
	margin-bottom: 10px;
	padding-left: 1em;
	
}



#ServicesMid .line {
	margin:10px 10px 0 10px
}

#ServicesMid .More a{
	margin:0 auto
}


#ServicesBtm{
	background-image: url(../images/ServicesBtm.gif);
	width: 204px;
	height: 36px;
	margin-bottom:4px
}





#LatestPostTop{
	background-image: url(../images/BlogCatTop.gif);
	width: 192px;
	_width:204px;
	height: 33px;
	_height: 41px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px 0 0 12px
}

#LatestPostMid{
	background-image: url(../images/BlogCatMid.gif);
	width: 204px;
	height: auto;
	font-size:12px;
	background-repeat: repeat-y;
	text-align:center;
	padding:6px 0
}

#LatestPostMid ul{
	text-align:left;
	margin:0 10px
}

#LatestPostMid li {
	margin-bottom: 8px;
	text-indent:-1em; 
	margin-left:1em
}

#LatestPostMid li a{
	text-align:left;
	background-image: url(../images/ArrowBlue.gif);
	background-position: left 2px;
	margin-bottom: 10px;
	padding-left: 1em;
	
}



#LatestPostMid .line {
	margin:10px 10px 0 10px
}

#LatestPostMid .More a{
	margin:0 auto
}


#LatestPostBtm{
	background-image: url(../images/BlogCatBtm.gif);
	width: 204px;
	height: 36px;
	margin-bottom:4px
}






#NewPostTop{
	background-image: url(../images/SideNewTop.gif);
	width: 192px;
	_width:204px;
	height: 28px;
	_height: 36px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px 0 0 12px;
	position:relative
}

#NewPostMid{
	background-image: url(../images/SideNewMid.gif);
	width: 184px;
	_width: 204px;
	height: auto;
	font-size:12px;
	background-repeat: repeat-y;
	text-align:left;
	padding:6px 14px 6px 10px;
}

#NewPostMid ul{
	text-align:left;
	margin:0 10px
}



#NewPostMid a{
	font-weight:bold
}



#NewPostMid .line {
	margin:6px 0
}

#NewPostMid .More a{
	margin:0 auto
}


#NewPostBtm{
	background-image: url(../images/SideNewBtm.gif);
	width: 204px;
	height: 36px;
	margin-bottom:4px
}



#NewPostMid .Date{
	font-size:10px;
}




#NewPostTop a{
	width:20px;
	height:20px;
	position:absolute;
	top:8px;
	left:168px;
	text-indent:-9999px;
	overflow:hidden;
}



/** FOOTER **/



#Footer{
	margin-top:50px;
	background-image: url(../images/BgFooter.png);
	background-repeat: repeat-x;
	height: 137px;
	text-align:center;
	font-size:10px;
}

#WrapFooter{
	margin:0 auto;
	width:864px;
	position:relative;
	text-align:left;
}


#Qrcode{
	position:absolute;
	top:-24px;
	left:-64px
}

#BtmMenu{
	position:absolute;
	top:0;
	left:110px;
	width:590px;
	text-align:center;
	margin:20px 0 20px 0;
}

#Btm03{
	position:absolute;
	top:-28px;
	left:720px;
	width:200px
}

#BtmMenu ul{
	margin-left:36px;
	width:540px
}

#BtmMenu li{
	float:left;
	margin:4px 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#999999;
	padding:0 8px
}

#BtmMenu li a{
	color:#99FF00;font-weight:normal
}

#BtmMenu li a:hover{
	color:#FF6600
}


#Copy{
	color:#FFFFFF;
	margin:20px 0 0 0;
	font-size:11px
}


#Copy a{
	font-weight:normal
}


#PageTop{
	margin-left:60px
}

#Phone{
	margin:36px 0 0 0;
}



/** FOR PAGES **/

#page {
	margin-bottom:40px;
	font-size:90%;
}


#page h2{
	font-size:26px;
	font-weight:bold;
	color:#000000
}


.h3P{
	font-size:20px!important;
	font-weight:bold!important;
	color:#000000!important;
	background-image:none!important;
	padding:0!important;
	height: auto!important;
	width: auto!important;
	margin-bottom:0!important
}

#page h3{
	font-size:16px;
	font-weight:bold;
	color:#666666;
	background-image: url(../images/BgTItleWhite.png);
	height: 33px;
	width: 634px;
	_height: 40px;
	_width: 648px;
	padding:7px 0 0 14px;
	margin-bottom:20px
}

#page h3 a{
	color:#666666;
	text-decoration:none
}

#page h3 a:hover{
	text-decoration:underline
}

#page p{
	margin:0
}




.IconNew{
	width:26px;
	height:26px;
	margin-left:10px;
}




#page .WrapImg a{
	border:solid 1px #CCCCCC;
	padding:1px;
	width:500px;
	display:block;
	margin:0 auto;
	margin-top:20px
}

#page .WrapImg a:hover{
	border:solid 1px #FF9900;
}


#page .WrapTable{
	padding:1px;
	width:500px;
	display:block;
	margin:0 auto 20px auto;
	text-align:left;
	font-size:10px
}

#page .WrapTable th{
	text-align:left;
	padding:0 10px 2px 0
}



#page .ToMessage{
	margin:10px 0
}

#Pager{
	font-size:12px;
	margin-top:20px;
	text-align:center
}


/** PLAN **/


.WrapPlan{
	width:206px;
	height:auto;
	float:left;
	margin-right:6px;
	margin-bottom:6px
	
}

.WrapPlan .PlanTop{
	width:206px;
	height:17px;
	background-image: url(../images/Plan_top.gif);
	line-height:17px;
	position:relative;
	z-index:1
}

.WrapPlan .PlanTop img{
	position:absolute;
	left:0;
	top:0;
	behavior:url(iepngfix.htc) ;
	z-index:2
}

.WrapPlan .PlanMid{
	width:206px;
	height:auto;
	background-image: url(../images/Plan_mid.gif);
	background-repeat: repeat-y;
	text-align:center
}

.WrapPlan .PlanBtm{
	width:206px;
	height:16px;
	background-image: url(../images/Plan_btm.gif);
}



.WrapPlan .PlanMid h3{
	font-size:14px !important;
	color:#666666 !important;
	margin:0 40px!important;
}

.WrapPlan .PlanMid .Price{
	font-size:12px !important;
	color:#FF0000 !important;
	font-weight:bold;
	margin:4px 0 10px 0
}

.WrapPlan .PlanMid .Price span{
	font-size:10px !important;
	font-weight:normal !important
}


.WrapPlan .PlanMid ul{
	font-size:12px !important;
	font-weight:normal !important;
	margin:0 auto;
	width:160px;
	height:80px
}

.WrapPlan .PlanMid p{
	font-size:12px !important;
	font-weight:normal !important;
	margin:0 auto;
	width:160px;
	text-align:left;
	height:80px
}

.WrapPlan .PlanMid ul li{
	text-align:left;
	text-indent:-0.5em;
	margin-left:0.5em
}


.WrapPlan .line{
	margin:20px 30px 0 30px
}

.WrapPlan .Detail a{
	width:137px;
	background-image: url(../images/Dtail.gif);
	height: 23px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:0 auto
}

.WrapPlan .Detail a:hover{
	background-image: url(../images/DtailH.gif);
}

.WrapPlan .Order a{
	width:137px;
	background-image: url(../images/Order.gif);
	height: 23px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:6px auto 0 auto
}

.WrapPlan .Order a:hover{
	background-image: url(../images/OrderH.gif);
}



/** PLAN DETAIL **/


.LeftBorder{
	margin:20px 0;
	border-left:4px solid #0099CC;
}

.LeftBorder .in{
	margin:0 14px
}

.LeftBorder h4{
	font-size:16px;
	font-weight:bold;
	color:#0099CC;
	margin-bottom:10px
}

.LeftBorder p{
	margin-left:-4px!important
}


.LeftBorder .Price{
	color:#FF0000 !important;
	font-weight:bold;
	margin:4px 0 10px 0
}

.LeftBorder .Price span{
	font-size:12px !important;
	font-weight:normal !important
}


.LeftBorder a{
	font-size:11px !important;
	margin-left:10px
}

#Order{
	border-left:4px solid #FF6600;
}

#Order h4{
	color:#FF6600;
}

.LeftBorder h4 span{
	font-size:12px !important;
	font-weight:normal !important
}

.WrapForm{
	width:430px;
}

#ContactWrapForm{
	width:600px;
	margin:10px auto
}

.WrapForm table{
	background-color:#CCCCCC;
	font-size:12px;
	width:100%
}

.WrapForm th{
	padding:10px;
	font-weight:normal;
    background-image: url(../images/bg_f7f7f7.gif);
	background-repeat: repeat;
	text-align:left;
}

.WrapForm td{
	background-color:#FFFFFF;
	padding:10px;
	text-align:left;
	width:400px
}

.WrapForm .tbox{
	width:200px!important;
	border:#cccccc solid 1px;
	padding:2px 0
}

.WrapForm textarea{
	width:260px!important;
	height:200px!important;
	border:#cccccc solid 1px;
	padding:3px 0
}

#ContactWrapForm textarea{
	width:400px!important;
	height:200px!important;
	border:#cccccc solid 1px;
	padding:3px 0
}



.WrapForm .Cbox{
	margin-right:4px;
	vertical-align:-2px
}


.WrapForm th span{
	color:#FF0000;
	font-size:11px;
	margin-left:6px
}

.WrapForm .Submit{
	text-align:center;
	margin:20px 0;
}

#ContactWrapForm .Submit{
	text-align:center;
	margin:20px 0;
	width:600px!important
}
.WrapForm .Policy{
	margin:4px 0;
}

.WrapForm .Policy a{
	
	font-size:12px!important
}

.WrapForm select{
	padding:2px;
	width:100px
}




/** PRICE **/

#PriceWrapTable{
	width:630px;
	margin:0 0 0 6px;
	background-color:#0099CC
}

#PriceWrapTable table{
	width:100%;
	font-size:90%;
	
}

#PriceWrapTable th{
	padding:10px;
	color:#FFFFFF;
	background-color:#00CCFF;text-align:left!important
}

#PriceWrapTable td{
	background-color:#FFFFFF;
	padding:10px;text-align:left!important
}

#PriceWrapTable td p{
	margin-left:4px
}

#PriceWrapTable td .Price{
	color:#FF0000 !important;
	font-weight:bold;
	margin:4px 0 10px 0
}

#PriceWrapTable td .Price span{
	font-size:10px !important;
	font-weight:normal !important
}

#PriceWrapTable th a{
	color:#FFFFFF;
}

#PriceWrapTable th a:hover{
	color:#FF0000
}


/** FAQ **/


.Q{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/Q.gif);
	height: 27px;
	width: 588px;
	_height: 31px;
	_width: 628px;
	padding:4px 0 0 40px
}

.A{
	background-image: url(../images/A.gif);
	width: 588px;
	_height: 31px;
	_width: 628px;
	padding:4px 0 30px 40px;
	margin:10px 0
}



/** BLOG **/




#Blog .WrapImg a{
	border:solid 1px #CCCCCC;
	padding:2px;
	width:430px;
	display:block;
	margin:40px auto
}

#Blog .WrapImg a:hover{
	border:solid 1px #FF9900;
}


#Blog .Posted{
	text-align:right;
	margin-bottom:20px;
	font-size:10px;
	margin-top:-20px
}


#Blog .line{
	height:6px
}

#Blog .CatLink{
	font-size:12px;
	margin-bottom:20px;
	margin-top:20px
}

#Blog .content{
	padding:20px;
	background-color:#eee;
}

#Blog .content p{
	color:#333333;
	line-height:160%;
	margin-bottom:6px
}



.codex{
	background-image: url(../images/bg_blue.gif);
	background-repeat: repeat;
	margin:0;
	padding:20px;
	font-size:12px;
	border:1px solid #00CCFF;
}


.swap{
background:url(http://www.and-nbsp.com/WP/images/bn03.png) no-repeat;
width:230px;
height:231px;
text-indent:-9999px;
display:block;
}
.swap a{
background:url(http://www.and-nbsp.com/WP/images/bn03.png) 　no-repeat;
width:230px;
height:231px;
text-indexnt:-9999px;
display:block;
overflow:hidden
}
.swap a:hover{
background:url(http://www.and-nbsp.com/WP/images/bn03h.png) no-repeat;
} 

/** MESSAGE **/

.Posted{
	text-align:right;
	font-size:10px
}

.url{
	font-size:10px
}



.MessageBox{
	background-color:#FFFFCC;
	border:solid 1px #FFCC00;
	padding:10px
}

.MessageBox p{
	margin:0!important
}

.MessageBox .GoodPoint{
	font-weight:bold;
	color:#FF0000;
}

.MessageBox .BadPoint{
	font-weight:bold;
	color:#0099CC;
}

.FromUs{
	padding:10px
}

.FromUs h4{
	font-weight:bold
}
.FromUs p{
	margin:0!important
}

.BoldBlue{
	font-weight:bold;
	color: #0099CC;
	background-image: url(../images/CircleBlue.gif);
	background-position: left center;
	padding-left: 20px;
	margin-top:10px
}


.ulTopic{
	margin:4px 0 0 15px
}


.BoldOrange{
	font-weight:bold;
	color:#FF6600;
	background-image: url(../images/CircleOrange.gif);
	background-position: left center;
	padding-left: 20px;
	margin-top:10px
}

.TitleYellow{
	font-weight:bold;
	background-image: url(../images/BgYellow.gif);
	background-repeat:repeat-x;
	padding-left: 10px;
	margin-top:20px;
	height: 31px;
	width: auto;
	margin-right:0;
}


.PIndent{
	margin-left:1.5em
}


.LiIndent{
	text-indent:-0.5em;
	margin-left:0.5em
}


.h4Indent{
	text-indent:-1.5em;
	margin-left:1.5em
}


.marginImg{
	margin:10px 0
}


/** FLOW **/

#FlowTop{
	line-height: 15px;
	background-image: url(../images/FlowTop.gif);
	height: 15px;
	width: 649px;
}

#FlowMid{
	background-image: url(../images/FlowMid.gif);
	width: 649px;
	background-repeat:repeat-y;
	text-align:center
}

#FlowMid .pFlow{
	margin:0 36px 10px 100px;
	text-align:left
}

#FlowBtm{
	background-image: url(../images/FlowBtm.gif);
	height: 16px;
	width: 649px;
}



/** ABOUT US **/


#WrapTableAbout{
	width: 649px;
	font-size:80%
}

#WrapTableAbout table{
	width: 100%;
}

#WrapTableAbout th h4{
	padding:8px 0 0 10px;
	color: #FFFFFF;
	background-image: url(../images/AboutTh.png);
	height: 34px;
	width: 210px;
	_height: 34px;
	_width: 220px;
}

#WrapTableAbout th {
	width: 240px;
	text-align:left
}

#WrapTableAbout td{
	padding:8px 0
}


#Icon01{
	background-image: url(../images/Icon01.png);
	background-position: left 4px;
	padding:6px 0 20px 50px;
	margin-left:10px;

}


#Icon02{
	background-image: url(../images/Icon02.png);
	background-position: left 4px;
	padding:6px 0 40px 50px;margin-left:10px;

}



#Icon03{
	background-image: url(../images/Icon03.png);
	background-position: left 4px;
	padding:6px 0 20px 50px;
	margin-left:10px;
	

}




#Icon04{
	background-image: url(../images/Icon04.png);
	background-position: left 4px;
	padding:6px 0 20px 50px;
	margin-left:10px;
	

}



#Icon05{
	background-image: url(../images/Icon05.png);
	background-position: left 4px;
	padding:6px 0 0 50px;
	margin-left:10px;

}

.ArrowDown{
	text-align:center;
	margin:10px 0

}

#OgBox{
	padding:14px;
	margin:50px 0;
	border:solid 1px #FF9900;
	background-color:#FFEEBC;
	color:#FF6600;
	font-weight:bold

}



#AreaMap{
	background-image: url(../images/Area_img_01.png);
	height: 359px;
	width: 626px;
	margin-top:20px;
	position:relative
}

#AreaMap #toukai{
	position:absolute;
	top:58px;
	left:220px;
	width:360px;
	height:30px
}


#AreaMap #kanto{
	position:absolute;
	top:106px;
	left:220px;
	width:360px;
	height:30px
}


#AreaMap #kansai{
	position:absolute;
	top:150px;
	left:220px;
	width:360px;
	height:30px
}

#AreaMap #others{
	position:absolute;
	top:208px;
	left:220px;
	width:360px;
	height:30px
}

#AreaMap p{
	position:absolute;
	top:268px;
	left:20px;
	width:560px;
}


/** NEWS DETAIL **/

.WrapNews{
	margin:10px 0 14px 0;
}


.WrapNews .NewsTop{
	background-image: url(../images/NewsTopDetail.png);
	height: 39px;
	width: 630px;
	_height: 51px;
	_width: 642px;
	color:#FFFFFF;
	font-weight:bold;
	padding:12px 0 0 12px;
	position:relative;
}

.WrapNews .NewsTop a{
	color:#FFFFFF
}

.WrapNews .NewsTop span{
	color:#FFFFFF;
	font-weight:normal;
	text-align:right;
	font-size:10px;
	position:absolute;
	top:14px;
	left:520px
}

.WrapNews .NewsMid{
	background-image: url(../images/NewsMidDetail.png);
	width: 622px;
	_width: 642px;
	background-repeat: repeat-y;
	padding:10px
}

.WrapNews .NewsBtm{
	background-image: url(../images/NewsBtmDetail.png);
	width: 642px;
	height: 25px;
}


#Pager02{
	text-align:center;
	font-size:12px;
	margin-top:40px;
}

#Pager02 a{
	text-decoration:none;
	padding:6px 8px;
	border:1px solid #cccccc;
	background-image: url(../images/bg_f7f7f7.gif);
	background-repeat: repeat;
	color:#666666;
	margin:0 4px;
}

#Pager02 a:hover{
	background-image: url(../images/bg_blue.gif);
	background-repeat: repeat;
	border:1px solid #00CCFF;
	color:#0099FF
}

.WrapGray{
	background-image: url(../images/bg_f7f7f7.gif);
	background-repeat: repeat;
	border:1px solid #cccccc;
	color:#666666;
	padding:10px;
	margin:20px
}

.WrapGray p{
	margin:10px
}

#policy{
	width:500px;
	height:200px;
	overflow:auto;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:10px 0 30px 20px
}

#policy ol{
	margin:10px 5px 10px 10px
}

#policy ol li{
	list-style-position: outside;
	list-style-type: decimal;
	margin:4px 0 4px 10px
}

.Credit{
	margin:4px 10px 4px 0;
	background-image: url(../images/CreditBg.gif);
	background-repeat: repeat;
	border: 1px solid #ebe6d7;
}

.inCredit{
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:10px
}

.inCreditN{
	padding:10px
}



#TopicContentsTop {
	background-image: url(../images/TopicContentsTop.gif);
	line-height: 18px;
	height: 18px;
	width: 642px;
	margin-top:20px
}

#TopicContentsTop02 {
	background-image: url(../images/TopicContentsTop02.jpg);
	line-height: 80px;
	height: 80px;
	width: 642px;
}

#TopicContentsMid {
	background-image: url(../images/TopicContentsMid.gif);
	background-repeat:repeat-y;
	width: 602px;
	_width: 642px;
	padding:0 20px;
	
}

#TopicContentsBtm {
	background-image: url(../images/TopicContentsBtm.gif);
	line-height: 18px;
	height: 18px;
	width: 642px;
}



.Topic{
	margin:0 0 0 4px;
	background-image: url(../images/CreditBg.gif);
	background-repeat: repeat;
	border: 1px solid #ebe6d7;
}

.inTopic{
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:10px
}

.inTopic a{
	background-image: url(../images/ArrowBlown.gif);
	padding-left: 20px;
}

.inTopicN{
	padding:10px
}

.inTopicN a{
	background-image: url(../images/ArrowBlown.gif);
	padding-left: 20px;
}
.WhiteSpace{
	margin:-4px 0 0 0;
	background-color:#FFFFFF;
	height:10px
}

.link{
	background-image: url(../images/ArrowBlown.gif);
	padding-left: 20px;
}

.link02{
	background-image: url(../images/ArrowCGray.gif);
	padding-left: 20px;
}


.Topic3{
	margin:0 0 0 4px;
	background-image: url(../images/CreditBg.gif);
	background-repeat: repeat;
}

.Topic3 span{
	font-size:26px;
	color:#0099FF;
	font-weight:bold
}

.inTopic3{
	
	padding:10px
}

.inTopic3 a{
	padding-left: 10px;
	font-weight:bold
}

.inTopic3N{
	padding:10px
}

.inTopic3N a{
	padding-left: 10px;
	font-weight:bold
}


.Topic3 #Item01{
	margin:0 10px 0 40px;
	height:40px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

.Topic3 #Item02{
	display:none;
	margin:0 10px 0 40px;
	height:60px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic3 #Item03{
	display:none;
	margin:0 10px 0 40px;
	height:80px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}
.Topic3 #Item04{
	display:none;
	margin:0 10px 0 40px;
	height:60px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.Topic3 #Item05{
	display:none;
	margin:0 10px 0 40px;
	height:80px;
}


#MemoTop{
	height:13px;
	background-image: url(../images/MemoTop.gif);
	width: 640px;
	line-height:13px;
	margin-top:20px
}

#MemoMid{
	background-image: url(../images/MemoMid.gif);
	width: 640px;
	background-repeat:repeat-y;
}

#inMemoMid{
	padding:10px 20px
}


#MemoBtm{
	height:72px;
	background-image: url(../images/MemoBtm.gif);
	width: 640px;
}

#PageSeo h3{
	padding:0 20px!important;
	background-image: url(../images/BgDotBlack.gif);
	background-repeat: repeat;
	margin:30px 0 10px 0!important;
	color:#FFFFFF;
	height:auto!important;
	width:auto!important;
	font-size:14px!important
}

#PageSeo dd{
	margin-bottom:10px
}



.Topic4{
	margin:0 0 0 4px;
	background-image: url(../images/CreditBg.gif);
	background-repeat: repeat;
}

.Topic4 span{
	font-size:26px;
	color:#0099FF;
	font-weight:bold
}

.inTopic4{
	
	padding:10px
}

.inTopic4 a{
	padding-left: 10px;
	font-weight:bold
}

.inTopic4N{
	padding:10px
}

.inTopic4N a{
	padding-left: 10px;
	font-weight:bold
}


.Topic4 #Item01{
	margin:0 10px 0 40px;
	height:220px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display:none;

}

.Topic4 #Item02{
	display:none;
	margin:0 10px 0 40px;
	height:120px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item03{
	display:none;
	margin:0 10px 0 40px;
	height:280px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

.Topic4 #Item04{
	display:none;
	margin:0 10px 0 40px;
	height:140px;
}

#inMemoMid dd{
	padding-left:18px
}

#inMemoMid dl{
	margin-top:12px
}


.Topic4 #Item201{
	margin:0 10px 0 40px;
	height:360px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display:none;

}
.Topic4 #Item201 img{
	margin:10px 0

}

.Topic4 #Item202{
	display:none;
	margin:0 10px 0 40px;
	height:120px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item203{
	display:none;
	margin:0 10px 0 40px;
	height:140px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

.Topic4 #Item204{
	display:none;
	margin:0 10px 0 40px;
	height:140px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item205{
	display:none;
	margin:0 10px 0 40px;
	height:200px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item206{
	display:none;
	margin:0 10px 0 40px;
	height:120px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item207{
	display:none;
	margin:0 10px 0 40px;
	height:60px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item208{
	display:none;
	margin:0 10px 0 40px;
	height:80px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item209{
	display:none;
	margin:0 10px 0 40px;
	height:120px;
	background-image: url(../images/CreditTd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Topic4 #Item210{
	display:none;
	margin:0 10px 0 40px;
	height:160px;
}


#SeoLast{
	margin:10px 0 0 0
}

#SeoLast dd{
	margin-left:20px
}


/* TABs */

#countrytabs{
    height: 37px;
}

#countrytabs li{
	float:left;
	height: 37px;
	width: 145px;
}

#countrytabs li a{
	background-image: url(../images/TabH.gif);
	height: 25px;
	width: 145px;
	float:left;
	padding-top:12px;
	text-align:center;
	font-weight:bold;
	font-size:12px;

}

*html #countrytabs li a{
	height: 37px;
}


#countrytabs li a:hover{
	background-image: url(../images/Tab.gif);
	color:#FF9900
}



#countrytabs li a.selected{
	background-image: url(../images/Tab.gif);
	height: 37px;
	width: 145px;
	color:#FF9900
}



#box h4{
	background-image: url(../images/ArrowCGray.gif);
	background-position: left center;
	padding-left: 20px;
	font-weight:bold
}

#box h5{
	padding-left: 20px;
}

#box img{
	padding-top: 20px;
}


#line_tab {
	line-height: 5px;
	height: 25px;
	background-image: url(../images/TabBtm.gif);
	background-repeat: repeat-x;
}

.BlueBack {
	background-image: url(../images/bg_blue.gif);
	background-repeat: repeat;
	padding:20px;
	margin:20px
}


#SpecialThanks {
	margin:20px;
	border:1px solid #00CCFF
}

#TitleSpecialThanks {
	background-color:#00CCFF;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:10px
}

#SpecialThanks p{
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	padding-left:10px
}


#SpecialThanks img{
	padding-top:0!important;
	margin-left:0!important
}


#Contact{
	background-image: url(../images/Contact.gif);
	height: 169px;
	width: 646px;
	margin:30px 0 0 0 ;
	position:relative;
	clear:both
	
}

#Contact #Email a{
	width:136px;
	height:20px;
	position:absolute;
	top:48px;
	left:428px
	
}


#Contact #BtForm a{
	width:268px;
	height:48px;
	position:absolute;
	top:100px;
	left:365px;
}

#Contact #BtForm a:hover{
	background-image: url(../images/contact_bt_h.gif);
}


#links{
	font-size:12px
}

#links p{
	margin-top:10px
}

.ArrowLBlack{
	background-image: url(../images/ArrowCBlack.gif);
	background-position: left center;
	padding-left:18px;
	font-size:12px;
}


.ArrowLGray{
	background-image: url(../images/ArrowCGray.gif);
	background-position: left center;
	padding-left:18px;
	font-size:12px;
	margin:30px 0 0 0;
	font-weight:bold
}

.forTag{
	padding:4px;
	margin-top:4px;
	width:560px;
	border:1px #CCCCCC solid;
	height:50px;
}


#LinkForm{
	width:560px;
	margin:10px 0 0 0
}

#links ul{
	margin:10px 0 0 36px
}

#links ul li a{
	font-weight:normal!important;
	
}
#links ul li {
	margin-bottom:10px;
	width:560px;
	list-style-position: outside!important;
	list-style-image: url(../images/ArrowBlue.gif)!important;	
	margin-left:12px
}


#Sitemap a {
	font-weight:normal;
	font-size:12px
}


#Sitemap h4 {
	background-image: url(../images/LinkTitle.gif);
	height: 23px;
	width: 276px;
	_height: 30px;
	_width: 286px;
	padding:7px 0 0 10px 
}
#Sitemap h4 a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	
}

#Sitemap h4 a:hover{
	text-decoration:underline;
	
}

#Sitemap .sfloat{
	float:left;
	width:300px;
	margin-left:14px
}

#Sitemap ul{
	margin:10px 14px 20px 6px
}

#Sitemap ul li{
	margin-bottom:4px;
	background-image: url(../images/ArrowCBlack.gif);
	padding-left: 24px;
	background-position: left 5px;
}



#HowToApply .left{
	width:291px;
	padding-top:10px
}

#HowToApply .right{
	width:340px;
	background-image: url(../images/HowtoOrderBG.gif);
	background-repeat: repeat-x;
	padding-top:10px
}

#HowToApply .right span.Bold{
	color:#00CCFF;
	font-weight:bold
}

#HowToApply .right p{
	margin-bottom:10px
}

#thankyou{
	background-image: url(../images/bg_f7f7f7.gif);
	background-repeat: repeat;
	margin:20px 0;
	padding:20px;
}

#outsourcing p{
	padding-left:18px;
	padding-right:20px
}

#outsourcing #thankyou{
	background-image: url(../images/bg_blue.gif);
	background-repeat: repeat;
	margin:20px 0;
	padding:20px;

}


.bookmark{
	margin:20px;

}

#cms_ex{
	margin:20px 10px
}

#cms_ex .left{
	width:268px
}

#cms_ex .right{
	width:341px
}


.jirei{
	margin:0 0 0 15px
}

.jirei table{
	text-align:center
}

.jirei table td{
	padding:5px 3px
}

.jirei table td a img{
	border:solid 1px #CCCCCC;
	padding:1px
}

.jirei table td a:hover img{
	border:solid 1px #FF9900
}

.sample a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.75;
opacity:0.75;
}