@charset "UTF-8";

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

a { outline:none 0px #000; color:#176693; }
a:hover { color:#f30; }

strong { font-weight:bold; }

/* ///////////////////////////////////////////////////////

Wrapper

/////////////////////////////////////////////////////// */

body {
	font-family: "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	background:transparent url(../images/temp_bg.gif) 0 0 repeat-x;
	text-align:center;
	color:#333;
}

body#main {
	background:transparent url(../images/main_bg.gif) 0 0 repeat-x;
}

#Container {
	width:800px;
	margin:0 auto;
	text-align:left;
}

#LeftWrapper {
	width:460px;
	float:left;
	padding-top:20px;
}

#RightWrepper {
	width:310px;
	float:right;
	padding-top:20px;
}

#CenterWrapper {
	width:780px;
	margin:0 auto;
	padding-top:20px;
}

/* ///////////////////////////////////////////////////////

CommonClass

/////////////////////////////////////////////////////// */

/* HeadLine */
.subtitle1 {
	border-left:6px solid #86b200;
	color:#36c;
	padding-left:12px;
	line-height:1.75;
}

.subtitle2 {
	border-left:6px solid #86b200;
	color:#333;
	padding-left:12px;
	font-size:0.75em;
	line-height:1.75;
}

.subtitle3 {
	border-left:6px solid #86b200;
	color:#36c;
	padding-left:12px;
	font-size:1.385em;
	line-height:1.75;
}

.subtitle4 {
	border-left:6px solid #86b200;
	color:#333;
	padding-left:12px;
	line-height:1.75;
}

/* color */
.col-red {color:#d00303;}

/* font */
.big {
	font-size:0.96em;
	line-height:1.75;
}

.normal {
	font-size:0.75em;
	line-height:1.75;
}

.minimum {
	font-size:0.65em;
	line-height:1.5;
}

/* margin */
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml75{margin-left:75px;}

/* padding */
.lp18 {padding-left:18px;}

.indent{
	display:inline-block;
	padding-left:20px;
	text-indent: -20px;
}

/* align */
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}

/* table type1 */
table.table1 {
	width:100%;
}

table.table1 th,
table.table1 td {
	border:1px solid #b8d857;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table.table1 th img,
table.table1 td img {
	vertical-align:middle;
}

table.table1 th {
	background-color:#86b200;
	color:#fff;
	width:130px;
}

table.table1 th.head {
	background-color:#86b200;
	color:#fff;
	width:auto;
}

/* icon */
.link-icon {
	vertical-align:middle;
	margin-right:5px;
}

/* ///////////////////////////////////////////////////////

Header

/////////////////////////////////////////////////////// */

#Header {
	width:800px;
	margin:0 auto;
	text-align:left;
}

#Header p#first-comment {
	font-size:0.75em;
	height:30px;
	line-height:30px;
}

#Header h1 a {
	display:block;
	width:93px;
	height:50px;
	background:transparent url(../images/logo.gif) 10px 13px no-repeat;
	text-indent:-9999px;
	float:left;
}

#Header #second-comment {
	width:480px;
	height:50px;
	background:transparent url(../images/head_text.gif) 20px 16px no-repeat;
	text-indent:-9999px;
	float:left;
}

#Header p.neustil a{
	display:block;
	width:84px;
	height:50px;
	background:transparent url(../images/neustil_logo.gif) 0 7px no-repeat;
	float:right;
	text-indent:-9999px;
}

#Header #ImageBar {
	position:relative;
	height:80px;
	background:transparent url(../images/headimage_temp.gif) 460px 32px no-repeat;
}

#Header #ImageBar .prise {
	width:446px;
	height:77px;
	background:transparent url(../images/temp_head_prise.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

#Header #ImageBar .icons {
	position:absolute;
	top:6px;
	right:0;
}

#Header #ImageBar .icons dt {
	display:none;
}

#Header #ImageBar .icons dd {
	width:50px;
	height:48px;
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
}

#Header #ImageBar .icons dd.icon1 {background-image:url(../images/head_icon1.gif);}
#Header #ImageBar .icons dd.icon2 {background-image:url(../images/head_icon2.gif);}
#Header #ImageBar .icons dd.icon3 {background-image:url(../images/head_icon3.gif);}
#Header #ImageBar .icons dd.icon4 {background-image:url(../images/head_icon4.gif);}

#Header #NavBar {
	position:relative;
	height:27px;
}

#Header #NavBar #nav { }

#Header #NavBar #nav ul {display: none;}

#Header #NavBar #nav a {
	display:block;
	width:94px;
}

#Header #NavBar #nav .nl1 {
	position:absolute;
	top:0;
	left:5px;
	z-index:100;
}

#Header #NavBar #nav .nl2 {
	position:absolute;
	top:0;
	left:104px;
	z-index:100;
}

#Header #NavBar #nav .nl3 {
	position:absolute;
	top:0;
	left:203px;
	z-index:100;
}

#Header #NavBar #nav .nl4 {
	position:absolute;
	top:0;
	left:302px;
	z-index:100;
}

#Header #NavBar #nav .nl5 {
	position:absolute;
	top:0;
	left:401px;
	z-index:100;
}

#Header #NavBar #nav .nl6 {
	position:absolute;
	top:0;
	left:500px;
	z-index:100;
}

#Header #NavBar #nav .nl7 {
	position:absolute;
	top:0;
	left:599px;
	z-index:100;
}

#Header #NavBar #nav a{
	height:26px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
}

#Header #NavBar #nav a:hover {
	background-position:0 100%;
}

#Header #NavBar #nav a.nav1 {background-image:url(../images/gnav01.gif);}
#Header #NavBar #nav a.nav2 {background-image:url(../images/gnav02.gif);}
#Header #NavBar #nav a.nav3 {background-image:url(../images/gnav03.gif);}
#Header #NavBar #nav a.nav4 {background-image:url(../images/gnav04.gif);}
#Header #NavBar #nav a.nav5 {background-image:url(../images/gnav05.gif);}
#Header #NavBar #nav a.nav6 {background-image:url(../images/gnav06.gif);}
#Header #NavBar #nav a.nav7 {background-image:url(../images/gnav07.gif);}

#Header #NavBar #nav ul li a {
	width:84px;
	padding:5px;
	font-size:0.67em;
	background-color:#455710;
	color:#fff;
	border-top:1px solid #fff;
	text-decoration:none;
	text-indent:0;
}

#Header #NavBar #nav ul li a:hover {
	color:#ff0;
}

body#about #Header #NavBar #nav a.nav1,
body#ordermethod #Header #NavBar #nav a.nav2,
body#templates #Header #NavBar #nav a.nav3,
body#support #Header #NavBar #nav a.nav4,
body#aboutus #Header #NavBar #nav a.nav5,
body#order #Header #NavBar #nav a.nav6,
body#main #Header #NavBar #nav a.nav7 {background-position:0 100%;}

/* ///////////////////////////////////////////////////////

Footer

/////////////////////////////////////////////////////// */

#Footer {
	margin-top:30px;
	padding-bottom:20px;
}

#Footer #foot-navi {
	font-size:0.67em;
	text-align:right;
}

#Footer #foot-navi li {
	display:inline;
	margin-left:5px;
}

#Footer #caption {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0;
}

#Footer #address {
	position:relative;
	margin-top:20px;
}

#Footer #address .logo {
	display:inline;
	margin-right:10px;
}

#Footer #address address {
	display:inline-block;
	/display:inline;
	/zoom: 1;
}

/* ///////////////////////////////////////////////////////

SideNavigation

/////////////////////////////////////////////////////// */

#SideNavi li a{
	display:block;
	width:310px;
	height:33px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-decoration:none;
}

/* ///////////////////////////////////////////////////////

for Main Index

/////////////////////////////////////////////////////// */

/* *********************
Header
********************* */

body#main #Header #ImageBar {
	height:241px;
	background:transparent url(../images/headimage_main.jpg) 0 0 no-repeat;
}

body#main #Header #ImageBar #bakudan {
	width:121px;
	height:128px;
	background:transparent url(../images/head_bakudan.png) 0 0 no-repeat;
	position:absolute;
	top:-10px;
	left:0;
	text-indent:-9999px;
	z-index:1;
}

* html body#main #Header #ImageBar #bakudan {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/head_bakudan.png);
}

body#main #Header #ImageBar .prise {
	width:266px;
	height:138px;
	background:transparent url(../images/head_prise.png) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:378px;
	top:54px;
}

* html body#main #Header #ImageBar .prise {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/head_prise.png);
}


body#main #Header #ImageBar .about-btn a {
	display:block;
	width:128px;
	height:128px;
	background:transparent url(../images/head_btn.png) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:20px;
	top:75px;
}

* html body#main #Header #ImageBar .about-btn a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/head_btn.png);
}

/* *********************
about1
********************* */

body#main #about1 {
	background:transparent url(../images/top_about1_image.jpg) 100% 100% no-repeat;
}

body#main #about1 p {
	padding-right:115px;
}

body#main #about1 ul {
	width:460px;
	height:34px;
	position:relative;
}

body#main #about1 .n1 a {
	display:block;
	width:136px;
	height:24px;
	background:transparent url(../images/smlbtn_moreitem.gif) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:139px;
	top:10px;
}

body#main #about1 .n2 a {
	display:block;
	width:136px;
	height:24px;
	background:transparent url(../images/smlbtn_viewtemplate.gif) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:0;
	top:10px;
}

/* *********************
about2
********************* */

body#main #about2 .n1 a {
	display:block;
	width:176px;
	height:24px;
	background:transparent url(../images/smlbtn_flow.gif) 0 0 no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	float:right;
}

/* *********************
about3
********************* */

body#main #about3 {
	background:transparent url(../images/top_about3_image.gif) 100% 20px no-repeat;
}

body#main #about3 p {
	padding-right:120px;
}

body#main #about3 .n1 a {
	display:block;
	width:191px;
	height:24px;
	background:transparent url(../images/smlbtn_manual.gif) 0 0 no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	float:right;
}

/* *********************
news
********************* */
#news h3 {
	border-left:6px solid #86b200;
	font-size:0.75em;
	padding-left:6px;
	font-weight:bold;
	margin-bottom:10px;
}

#news li {
	background:transparent url(../images/news_icon.gif) 0 50% no-repeat;
	font-size:0.67em;
	padding:3px 0 3px 12px;
	border-bottom:1px dotted #e5e5e5;
}

#news li span {
	color:#86b200;
	margin-right:1em;
}

#news .backnum {
	margin-top:10px;
}

#news .backnum a {
	display:block;
	width:98px;
	height:21px;
	background:transparent url(../images/smlbtn_news.gif) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
	float:right;
}

/* *********************
about4
********************* */

body#main #about4 .n1 a {
	display:block;
	width:191px;
	height:24px;
	background:transparent url(../images/smlbtn_plan.gif) 0 0 no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	float:right;
}

/* ///////////////////////////////////////////////////////

templates

/////////////////////////////////////////////////////// */
img.thumbnail {
	display:block;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
}

body#templates .id {
	display:block;
	padding:1px 5px;
	/* background-color:#e9f2c6; */
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	letter-spacing:1px;
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
}

body#templates .box1,
body#templates .box2,
body#templates .box3,
body#templates .box4 {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:148px;
	margin-right:10px;
}

body#templates .box5 {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:148px;
}

/* ///////////////////////////////////////////////////////

order-method

/////////////////////////////////////////////////////// */
#order-method p{
	font-size:0.95em;
}
#order-method .round-mdl{
	background:transparent url(../images/round-middle.gif) 0 50% repeat-y;
}
#order-method .round-btm{
	background:transparent url(../images/round-bottom.gif) 0 100% no-repeat;
}
#order-method .temp-id{
	background:transparent url(../images/temp_id.jpg) 75px 0 no-repeat;
	width:780px;
	height:150px;
}
#order-method .temp-id p{
	font-size:0.75em;
	padding-top:90px;
	padding-right:60px;
}
.icon-check{
	background:transparent url(../images/icon-check.gif) 0 50% no-repeat;
	padding-left: 25px;
}	
#order-method p.tel{
	background:transparent url(../images/tel-mark.gif) 0 50% no-repeat;
	font-size:0.85em;
}
#order-method .mascot-bg{
	background:transparent url(../images/mascot.gif) 100% 50% no-repeat;
	margin:0 10px 10px 0;
	height:173px;
}
#order-method .mascot-bg p.tbig{
	font-size:1.15em;
	font-weight:bold;
}

	/* ///////////////////////////////////////////////////////

order-method

/////////////////////////////////////////////////////// */
.blue-box	{
	background-color:#dde6ff;
	padding:20px;
}
.round-pink-mdl{
	background:transparent url(../images/round_pink_mdl.gif) 0 50% repeat-y;
}
.round-pink-top{
	background:transparent url(../images/round_pink_top.gif) 0 0 no-repeat;
}
.round-pink-btm{
	background:transparent url(../images/round_pink_btm.gif) 0 100% no-repeat;
	padding:20px;
}
/* ///////////////////////////////////////////////////////

faq

/////////////////////////////////////////////////////// */
#faq-cont{
	background:transparent url(../images/faq_bg.gif) 0 0 repeat-y;
	padding-bottom:10px;
}

#faq-cont .left-cont{
	float:left;
	width:180px;
}
#faq-cont .left-cont li{
	background:transparent url(../images/arrow_og.gif) 0 50% no-repeat;
	padding-left:16px;
	margin-bottom:5px;
}

#faq-cont .left-cont li a{
	text-decoration:none;
}

#faq-cont .right-cont{
	float:right;
	width:565px;
}

#faq-cont .right-cont ul{
	padding-left:10px;
}

#faq-cont .right-cont li.question{
	background:transparent url(../images/faq_q.gif) 0 4px no-repeat;
	padding-left:26px;
	margin-bottom:5px;
}

#faq-cont .right-cont li.answer{
	background:transparent url(../images/faq_a.gif) 0 2px no-repeat;
	padding:0 0 5px 26px;
	margin-bottom:20px;
	border-bottom:#CCC 1px dotted;
}

/* ///////////////////////////////////////////////////////

rule

/////////////////////////////////////////////////////// */
#RuleContents li {
	text-indent:-1em;
	padding-left:1em;
}

/* ///////////////////////////////////////////////////////

manual

/////////////////////////////////////////////////////// */
#Manual{
	background:transparent url(../images/faq_bg.gif) 0 0 repeat-y;
	padding-bottom:10px;
}

#Manual .left-cont {
	float:left;
	width:180px;
}

#Manual .left-cont .subtitle1{
	color:#333;
}

#Manual .left-cont li{
	background:transparent url(../images/arrow_og.gif) 0 50% no-repeat;
	padding-left:16px;
	margin-bottom:5px;
}

#Manual .left-cont li a{
	text-decoration:none;
}

#Manual .right-cont {
	float:right;
	width:565px;
}

#Manual .right-cont .manual-text {
	width:100%;
	background-color:#DDE7FF;
}

#Manual .right-cont .manual-text span {
	display:block;
	padding:10px;
}

	/* ///////////////////////////////////////////////////////

order and contact form

/////////////////////////////////////////////////////// */
.err {
	color:#f00;
	background-color:#ffebeb;
	border:1px solid #f00;
	margin:5px 0;
	padding:3px;
}

#thanks h3 {
	color:#36c;
	font-size:1.385em;
	line-height:1.75;
	font-weight:bold;
}