@charset "utf-8";


a        {color: #109cda; text-decoration: underline;}
a:hover  {text-decoration: none;}

	
span.clear { margin: 0pt; padding: 0pt; height: 0pt; font-size: 0pt; line-height: 0pt; display: block; clear: both; }
span.small	{ font-size:10px; line-height:1.4em; }
.red			{ color:#F00; }

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

#header								{ background:url(../images/topbg.gif) repeat-x; height:52px; position: fixed !important; width:100%; z-index:100;  }
#header #header_inner				{ width:960px; margin:0 auto; }
#header #header_inner .logo			{ float:left; padding:9px 0 0 0; }
#header #header_inner .fretopbtn	{ float:left; padding:20px 0 0 15px; }
#header #header_inner p.optit			{ float:left; padding:10px 0 0 15px; font-size:10px; color:#666666; font-weight:normal; text-align:left; }

#header #header_inner .sns			{ width:330px; float:left; padding:15px 0 0 0px; margin:0 0 0 10px; }
#header #header_inner .sns .tw		{ float:left; }
#header #header_inner .sns .fb		{ float:left; padding:0 0 0 10px; }
#header #header_inner .topapplybtn	{ float:right; }


/* -------------------------------------
container
-------------------------------------*/
#container							{ background:url(../images/bg_top.png) no-repeat center 52px; padding:52px 0 0 0;  }




/* -------------------------------------
contents
-------------------------------------*/
#contents							{ width:960px; margin:0 auto; }
#contents .cntinner					{ background:url(../images/cntbg.png)  left top repeat-y; width:840px; margin:0; padding:0 60px; text-align:left; }
#contents .cntbg_btm					{ background:url(../images/cntbg_btm.png) left top no-repeat; height:200px; }
#contents .cntinner .pagetop		{ width:795px; margin: 0 0 0 23px; text-align:right; padding:20px 0; } 			


/* -------------------------------------
navi
-------------------------------------*/
#contents .navi						{ width:960px; height:108px; background:url(../images/cntbg_top.png) right bottom no-repeat;  }				
#contents .naviinner				{ width:793px; margin:0 auto; }	
#contents .naviinner .btn			{ float:left; }


/* -------------------------------------
footer
-------------------------------------*/
#footer 							{ background:#1d0b04; }
.footer_inner						{ width:960px; margin:0 auto; padding:10px 0; }
.footer_inner .ftopbtn				{ float:left; }
.footer_inner .copyright			{ float:right; }



/* -------------------------------------
top 
-------------------------------------*/
#top_main							{ width:960px; height:620px; position:relative; margin:0 auto;  }
#top_main .maintitle				{	position:absolute;	top:38px;	left:30px;	z-index:10;}
#top_main .ichimi					{ position:absolute; top:89px; left:288px; z-index:0; }
#top_main .muryo					{ position:absolute; top:38px; left:829px; }
#top_main .odacopy					{
	position: absolute;
	top: 600px;
	left: 15px;
}
#top_main .campbanner					{ position:absolute; top:496px; left:30px; z-index:10; }
#top_main .link								{ position:absolute; top:730px; left:775px; z-index:11; }
#top_main .link a							{ font-size:12px; }

#contents .cntinner .about				{ width:820px; padding:0 10px; margin:0 0 30px 0; }
#contents .cntinner .about .abouttit	{ padding:0 20px 20px 20px; }
#contents .cntinner .about .aboutcomm	{ padding:0 20px; }
#contents .cntinner .btnbx				{ padding-top: 0; padding-right: 0; padding-bottom: 30px; padding-left: 1px;}


#contents .cntinner .serverdesign { width:810px; height:777px; background:url(../images/design_bg.png) left top no-repeat; position:relative; margin: 0 auto 50px auto; }
#contents .cntinner .serverdesign .designtitle	{ position: absolute;top: 20px;left: 256px;}
#contents .cntinner .serverdesign .mainserver	{ position: absolute; top: 40px; left: 44px; }
#contents .cntinner .serverdesign .showcasetitle { position: absolute; top: 175px; left: 256px; }
#contents .cntinner .serverdesign .showcase {position: absolute; top: 265px; left: 256px;  }
#contents .cntinner .serverdesign .showcase .showcase_Inner {background:url(../images/showcase_bg.png) left top no-repeat; position:relative; width:466px; height:328px; padding:20px 20px;}
#contents .cntinner .serverdesign .showcase .showcase_Inner .bxSlider { width:510px; }
#contents .cntinner .serverdesign .showcase .showcase_Inner .bxSlider li { float:left !important; width:228px !important; }

#contents .cntinner .serverdesign .showcase .showcase_Inner .bxSlider li {  display: none; /*読み込み時は非表示*/}
#contents .cntinner .serverdesign .showcase .showcase_Inner .bx-viewport .bxSlider li {  display: block !important; /*JSが読み込まれたら表示*/}

#contents .cntinner .serverdesign .showcase p {margin-top:10px; width:510px; }

#contents .cntinner .imgbx	{ width:783px; border:2px solid #512c06; background-color:#f6f4ee; padding:
10px 10px 0 }
#contents .cntinner .imgbx .imgbxtitle { width:365px; margin:0 auto 10px; }
#contents .cntinner .imgbx img	{ margin:0 0 10px 0; }
#contents .cntinner .imgbx .serverimg	{ float:left; margin:0 7px 10px 7px; }
#contents .cntinner .imgbx .serverimg p {text-align:center;}

#contents .cntinner .imgbx2	{ width:740px; border:2px solid #512c06; background-color:#f6f4ee; padding:30px; margin-left:15px; margin-bottom:50px;  }
#contents .cntinner .imgbx2 .imgbxtitle	{ text-align:center; margin-bottom:35px; }
#contents .cntinner .imgbx2 .serverbx	 { width:350px; height:240px; float:left; padding:0 10px 20px 0; border-right:solid 1px #dcd8cc; border-bottom:solid 1px #dcd8cc; }
#contents .cntinner .imgbx2 .serverbx .lef	{ float:left; }
#contents .cntinner .imgbx2 .serverbx .rig	{ float:right; width:120px; padding-top:60px; }
#contents .cntinner .imgbx2 .serverbx .rig .icon_new	{ margin-bottom:10px; }
#contents .cntinner .imgbx2 .serverbx .rig .name	{ font-size:16px; color:#512c06; font-weight:bold; margin-bottom:10px;  }

#contents .cntinner .imgbx2 .serverbx2	 { width:350px; height:240px; float:left; padding:0 0px 20px 10px; border-bottom:solid 1px #dcd8cc; }
#contents .cntinner .imgbx2 .serverbx2 .lef	{ float:left; }
#contents .cntinner .imgbx2 .serverbx2 .rig	{ float:right; width:120px; padding-top:60px; }
#contents .cntinner .imgbx2 .serverbx2 .rig .icon_new	{ margin-bottom:10px; }
#contents .cntinner .imgbx2 .serverbx2 .rig .name	{ font-size:16px; color:#512c06; font-weight:bold; margin-bottom:10px;  }

#contents .cntinner .imgbx2 .serverbx3	 { width:350px; height:240px; float:left; padding:20px 10px 20px 0; border-right:solid 1px #dcd8cc; }
#contents .cntinner .imgbx2 .serverbx3 .lef	{ float:left; }
#contents .cntinner .imgbx2 .serverbx3 .rig	{ float:right; width:120px; padding-top:60px; }
#contents .cntinner .imgbx2 .serverbx3 .rig .icon_new	{ margin-bottom:10px; }
#contents .cntinner .imgbx2 .serverbx3 .rig .name	{ font-size:15px; color:#512c06; font-weight:bold; margin-bottom:10px;  }
#contents .cntinner .imgbx2 .serverbx3 .rig .name span	{ font-size:12px; }

#contents .cntinner .imgbx2 .serverbx4	 { width:350px; height:240px; float:left; padding:20px 0px 20px 10px; }
#contents .cntinner .imgbx2 .serverbx4 .lef	{ float:left; }
#contents .cntinner .imgbx2 .serverbx4 .rig	{ float:right; width:120px; padding-top:60px; }
#contents .cntinner .imgbx2 .serverbx4 .rig .icon_new	{ margin-bottom:10px; }
#contents .cntinner .imgbx2 .serverbx4 .rig .name	{ font-size:15px; color:#512c06; font-weight:bold; margin-bottom:10px;  }
#contents .cntinner .imgbx2 .serverbx4 .rig .name span	{ font-size:12px; }



#contents .cntinner .campbanenr2					{ margin:20px 0 0 0; }



#contents .cntinner .btnbx .lbtn01	{ float:left; }
#contents .cntinner .btnbx .lbtn02	{ float:left; margin:0 0 0 14px; }
#contents .cntinner h3				{ margin:0 0 20px 0; }


#contents .cntinner .itembx			{ position:relative; margin:0 0 0 23px; width:795px; height:650px; background:url(../images/lineup_bg.gif) left top no-repeat; }
#contents .cntinner .itembx .itemmain		{ position:absolute; top:20px; left:20px; z-index:10; padding:10px; border:solid 3px #905821; width:351px; height:458px; }
#contents .cntinner .itembx .itemthumb01	{ position:absolute; top:33px; left:316px; z-index:10; }
#contents .cntinner .itembx .itemthumb02	{ position:absolute; top:109px; left:316px; z-index:10; }
#contents .cntinner .itembx .itemthumb03	{ position:absolute; top:185px; left:316px; z-index:10; }

#contents .cntinner .itembx .datail			{ position:absolute; width:320px; height:430px; top:30px; left:438px; }
#contents .cntinner .itembx .datail2			{ position:absolute; width:320px; height:430px; top:15px; left:438px; }
#contents .cntinner .itembx .datail .itemtit,#contents .cntinner .itembx .datail2 .itemtit	{ padding:0 0 10px 0; border-bottom:solid 1px #663300; margin:0 0 10px 0; }	
#contents .cntinner .itembx .datail .itemtxt,#contents .cntinner .itembx .datail2 .itemtxt	{ padding:0 0 10px 0; }
#contents .cntinner .itembx .datail .dbx,#contents .cntinner .itembx .datail2 .dbx		{ padding:5px 0; border-bottom:solid 1px #e7e1d8; }
#contents .cntinner .itembx .datail .dbx .dlef,#contents .cntinner .itembx .datail2 .dbx .dlef	{ float:left; }
#contents .cntinner .itembx .datail .dbx .dlef2,#contents .cntinner .itembx .datail2 .dbx .dlef2		{ float:left; width:150px; }
#contents .cntinner .itembx .datail .dbx .dlef2 p,#contents .cntinner .itembx .datail2 .dbx .dlef2 p { color:#43bdd3; }
#contents .cntinner .itembx .datail .dbx .dlef3,#contents .cntinner .itembx .datail2 .dbx .dlef3	{ float:left; width:180px; }


#contents .cntinner .itembx .datail .dbx .dlef form,#contents .cntinner .itembx .datail2 .dbx .dlef form		{ paddin:0 0 5px 0; }
#contents .cntinner .itembx .datail .dbx .drig,#contents .cntinner .itembx .datail2 .dbx .drig	{ float:right; text-align:right; }
#contents .cntinner .itembx .datail .dbx .drig2,#contents .cntinner .itembx .datail2 .dbx .drig2	{ float:right;  width:170px; text-align:right; }
#contents .cntinner .itembx .datail .dbx .drig2 p,#contents .cntinner .itembx .datail2 .dbx .drig2 p	{  color:#43bdd3; }
#contents .cntinner .itembx .datail .dbx .drig3,#contents .cntinner .itembx .datail2 .dbx .drig3		{ float:right;  width:140px; text-align:right; }
#contents .cntinner .itembx .datail .dbx .pnk,#contents .cntinner .itembx .pnk		{ color:#f54f93; }
#contents .cntinner .itembx .datail .dbx .sfont,#contents .cntinner .itembx .datail2 .dbx .sfont	{  font-size:10px; }

#contents .cntinner .itembx #thumblist .zoomThumbActive img	{ border:solid 1px #905821; } 
#contents .cntinner .itembx #thumblist img					{ border:solid 1px #dfd6cb; }

/*6.20 add*/

#contents .cntinner .itembx .serverbx	{ width:377px; height:484px; }
#contents .cntinner .itembx .serverbx .thumblist	{ position:absolute; }

/*11.08 add*/
.orderbtn	 { margin:10px 0 10px 0; }


/*12.19 add*/
#contents .cntinner .itembx .dbx			{ width:320px; padding:7px 15px; border-bottom:solid 1px #e0e0e0; }
#contents .cntinner .itembx .dbx .dlef		{ float:left; }
#contents .cntinner .itembx .dbx .dlef select	{ width:140px; }
#contents .cntinner .itembx .dbx .dlef form	{ padding:0 0 5px 0; }
#contents .cntinner .itembx .dbx .drig		{ float:right; }
#contents .cntinner .itembx .dbx .drig a		{ font-size:10px; line-height:1.0em; }	

/*140827 add*/
#contents .cntinner .itembx .comm			{ padding:5px 0 0 0; }
#contents .cntinner .itembx .comm	 p		{ line-height:1.4em; }

/*150424 add*/
#contents .cntinner .about #brothemodel			{ background-image:url(../images/brother_bg.png); background-repeat:no-repeat; height:448px; position:relative; padding:0 0 40px 0; }
#contents .cntinner .about #brothemodel	.abouttit			{ position:absolute; top:55px; left:157px; padding:0 0 20px 0; }
#contents .cntinner .about #brothemodel	.brothemodelcomm	{ position:absolute; top:170px; left:180px; width:230px; padding:0 0 20px 0; }
#contents .cntinner .about #brothemodel	.brothemodelcomm p	{ font-size:12px; line-height:2.2em;  margin-bottom:15px; }




/*--------------------------------------------
仕様
--------------------------------------------*/


#container table { margin:0 auto 0 auto; width:790px;}

#container table th{ width:215px; text-align:center; font-weight:bold; vertical-align:top; padding:3px 0; background-image: url(../images/dotline02.gif);
background-repeat: repeat-x; background-position: left bottom; background-color:#f2eee3; color:#2c1508; font-size: 10pt; }

#container table td	{ padding:5px 0 5px 40px; color:#2c1508; font-size: 10pt; background-image: url(../images/dotline02.gif); background-repeat: repeat-x;
background-position: left bottom; }

#container .TableTopBorder{ margin:0 auto 0 auto; width:790px; background-image: url(../images/dotline02.gif); background-repeat: repeat-x; background-position: left top; padding-top:1px; }
#container .siyou{clear:both; line-height: 25px; color: #905821; background-image: url(../images/h4.gif); background-repeat: no-repeat; background-position: left center; padding-left:12px; font-size:12pt; margin-top: 25px; margin-right: 40px; margin-bottom: 25px; margin-left: 26px; font-weight: bold; }

#container .line { width:795px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 10px; border-bottom-width: 1px;
border-bottom-style: solid;	border-bottom-color: #8E582C; }





/* -------------------------------------
point 
-------------------------------------*/
#contents #point .prologue			{ width:840px; height:253px; position:relative; }	
#contents #point .prologue h3		{ position:absolute; top:0; left:0; z-index:0; }			
#contents #point .prologue .txt		{ position:absolute; top:104px; left:23px; }
#contents #point .prologue .txt p	{ font-size:14px; line-height:1.8em; }
#contents #point .prologue .chara	{ position:absolute; top:20px; left:611px; z-index:10; }

#contents #point .wrap				{ margin:0 0 15px 0; }

#contents #point .wrap .pointbx01	{ margin:0 0 0 17px; float:left; width:394px; height:415px; background:url(../images/pointbg.png) right bottom no-repeat; position:relative; }
#contents #point .wrap .pointbx01 .icon	{ position:absolute; top:0; left:0; }
#contents #point .wrap .pointbx01 h4	{ position:absolute; top:72px; left:45px; }
#contents #point .wrap .pointbx01 .ptxt	{ position:absolute; top:119px; left:41px; width:318px; }
#contents #point .wrap .pointbx01 .pimg	{ position:absolute; top:230px; left:24px; }
#contents #point .wrap .pointbx01 .pscomm	{ position:absolute; top:377px; left:209px; }

#contents #point .wrap .pointbx03	{ margin:0 0 0 17px; float:left; width:394px; height:445px; background:url(../images/pointbg2.png) right bottom no-repeat; position:relative; }
#contents #point .wrap .pointbx03 .icon	{ position:absolute; top:0; left:0; }
#contents #point .wrap .pointbx03 h4	{ position:absolute; top:72px; left:45px; }
#contents #point .wrap .pointbx03 .ptxt	{ position:absolute; top:119px; left:41px; width:318px; }
#contents #point .wrap .pointbx03 .pimg	{ position:absolute; top:230px; left:24px; }
#contents #point .wrap .pointbx03 .pscomm	{ position:absolute; top:377px; left:209px; }


#contents #point .wrap .pointbx02	{ margin:0 0 0 10px; float:left; width:394px; height:415px; background:url(../images/pointbg.png) right bottom no-repeat; position:relative; }
#contents #point .wrap .pointbx02 .icon	{ position:absolute; top:0; left:0; }
#contents #point .wrap .pointbx02 h4	{ position:absolute; top:72px; left:45px; }
#contents #point .wrap .pointbx02 .ptxt	{ position:absolute; top:119px; left:41px; width:318px; }
#contents #point .wrap .pointbx02 .pimg	{ position:absolute; top:230px; left:24px; }


#contents #point .wrap .pointbx04	{ margin:0 0 0 10px; float:left; width:394px; height:445px; background:url(../images/pointbg2.png) right bottom no-repeat; position:relative; }
#contents #point .wrap .pointbx04 .icon	{ position:absolute; top:0; left:0; }
#contents #point .wrap .pointbx04 h4	{ position:absolute; top:72px; left:45px; }
#contents #point .wrap .pointbx04 .ptxt	{ position:absolute; top:119px; left:41px; width:318px; }
#contents #point .wrap .pointbx04 .pimg	{ position:absolute; top:230px; left:24px; }



/* -------------------------------------
price 
-------------------------------------*/
#contents #price .prologue			{ width:840px; height:303px; position:relative; }	
#contents #price .prologue h3		{ position:absolute; top:0; left:0; z-index:0; }			
#contents #price .prologue .txt		{
	position: absolute;
	top: 159px;
	left: 25px;
	width: 525px;
}
#contents #price .prologue .txt p	{ font-size:14px; line-height:1.8em; }
#contents #price .prologue .chara	{ position:absolute; top:5px; left:611px; z-index:10; }
#contents #price .prologue .catch	{ position:absolute; top:89px; left:23px; }
#contents #price .plan				{ margin:0 0 0 23px; width:796px; }
#contents #price .plan .plantop		{ width:796px; height:34px; background:url(../images/innerbg_top.png) left top no-repeat; }
#contents #price .plan .planbtm		{ width:796px; height:17px; background:url(../images/innerbg_bottom.png) left top no-repeat; }
#contents #price .plan .planinner	{ width:724px; padding:0 36px 20px 36px; background:url(../images/innerbg.png) left top repeat-y; }
#contents #price .plan .planinner h4	{ padding:0 0 20px 0; }
#contents #price .plan .planinner .planimg	{ padding:0 0 20px 0; }
#contents #price .plan .planinner p.txt	{ margin:0 0 20px 0; }
#contents #price .plan .caution		{ border:solid 1px #db0f0f; width:712px; padding:5px; } 
#contents #price .plan .caution .cautiontit	{ background:#db0f0f; padding:5px; margin:0 0 10px 0; }
#contents #price .plan .caution .cautiontit p	{ color:#ffffff; font-weight:bold; }
#contents #price .plan .caution .cautiontxt		{ margin:0 0 10px 10px; }
#contents #price .plan .planinner .pbtn			{ text-align:center; padding:0 0 20px 0; }
#contents #price .soryo							{ position:relative; width:724px; height:101px; }
#contents #price .soryo img						{ position:absolute; top:0; left:0; z-index:0; }
#contents #price .soryo p						{ position:absolute; top:53px; left:444px; z-index:10; }

/* -------------------------------------
water 
-------------------------------------*/
#top_main02							    { width:960px; height:140px; position:relative; margin:0 auto;  }
#top_main02 .maintitle02				{ position:absolute; top:21px; left:32px; z-index:10; }
#top_main02 .odacopy02					{ position:absolute; top:117px; left:680px; }

#contents #water .about_box                {position:relative; width:795px; height:288px;}
#contents #water .about_box .about_toptxt  {position:absolute; top:85px; left:20px;	height: 96px;}
#contents #water .about_box .sanji         {position:absolute; width:155px; height:295px; top:-10px; left:618px;}
#contents #water .about_box .about_toptxt .about_water {font-size: 14px; line-height: 1.8em;}



#contents #water .point01             {position:relative; width:796px; margin:-5px 0 30px 23px;}
#contents #water .point01 .pointinner {background-image: url(../images/innerbg.png); background-repeat: repeat-y; height:290px;}
#contents #water .point01 .kodawari01      {position:absolute; height:74px; top:-25px; left:-25px;}
#contents #water .point01 .point01_tit     {position:absolute;	top:37px; left:40px;}
#contents #water .point01 .point01_txt     {position:absolute;	top:84px; left:44px; width:400px;}
#contents #water .point01 .point01_img     {position:absolute; top:37px; left:475px;}
#contents #water .point01 .pointinner .point01_txt .kodawaritxt_01     {line-height: 2em;}
#contents #water .point01 .point01_txt .kodawaritxt_01 .kanetsu        {color: #109cda; text-decoration: underline;}
#contents #water .point01 .point01_txt .kodawaritxt_01 .kanetsu:hover  {text-decoration: none;}



#contents #water .point02               {position:relative; width:796px; margin:10px 0 0 23px;}
#contents #water .point02 .pointinner   {background-image: url(../images/innerbg.png); background-repeat: repeat-y; height:243px;}
#contents #water .point02 .kodawari02  {position:absolute; top:-19px; left:-25px;}
#contents #water .point02 .point02_tit {position:absolute;	top:37px; left:40px;}
#contents #water .point02 .point02_txt {position:absolute;	top:84px; left:44px; width: 400px;}
#contents #water .point02 .point02_img {position:absolute;	top:84px; left:465px;}
#contents #water .point02 .pointinner .point02_txt .kodawaritxt_02 {line-height: 2em;}



#contents .serverlineup              { position:relative; width:796px; height:320px; margin:45px 0 0 23px;}
#contents .serverlineup .lineupinner {
	background-image: url(../images/lineup_innerbg.png);
	background-repeat: repeat-y;
	height:230px;
}
#contents .serverlineup .lineup_tit      {
	position:absolute;
	top:85px;
	left:28px;
}
#contents .serverlineup .lineup_txt      {
	position:absolute;
	top:162px;
	left:46px;
	text-align:center;
}
#contents .serverlineup .lineup_applybtn {
	position:absolute;
	top:225px;
	left:38px;
}
#contents .serverlineup .server_img01    {
	position:absolute;
	top:30px;
	left:314px;
}
#contents .serverlineup .server_img02    {
	position:absolute;
	top:30px;
	left:428px;
}
#contents .serverlineup .server_img03    {
	position:absolute;
	top:30px;
	left:542px;
}
#contents .serverlineup .server_img04    {
	position:absolute;
	top:30px;
	left:656px;
}
.taxinfo	{ background:#eeeeee; padding:5px; border:solid 1px #CCCCCC; text-align:center; margin:10px 0;  }
.taxinfo a	{ font-size:12px; }
.campbnr	{ text-align:center; margin: 0 0 30px 0; }
.reviewcomm	{ background:url(../../apply/images/reviw_icon.gif) left top no-repeat; padding:0 0 0 20px; height:14xp;  }
.reviewcomm a	{ font-size:12px; }

 .norikae_slc	{ margin:7px 0; font-size:12px; border:solid 2px #28c0d0; padding:5px; width:315px; }
 .norikae_slc .lef	{ float:left; width:200px; color:#000000;  }
 .norikae_slc .rig	{ float:right; width:100px; }	

p.terms-use-txt {
  margin-top: 8px;
  font-size: 12px;
  color: #000;
  text-align: left;
}
 p.terms-use-txt  a{
	color: #109cda;
  text-decoration: underline;
}