/* CSS Document */
/*---------- header_submenu Position (for IE7.0 , IE6.0) ----------*/
*+html body #head_area h2{
	margin-top:1px;
}
*+html body #head_menu{
	margin-left:40px;
	margin-top:14px;
}
/*********************************************************
	** 全体枠要素：container **
*********************************************************/
#contents{
	margin: 0;
	padding: 0;
}
#contents #container{
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0 auto;
	padding:0px;
	text-align:center;
	width:800px;
}
#contents #head{
	background-image: url(images/header_contents0.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 135px;
	width: 800px;
}

/*----- パンクズナビ -----*/
#navi{
	margin:0px auto;
	text-align:left;
	width:760px;
	margin-bottom:10px;
}
/*********************************************************
	** コンテンツメニュー：mini_menu **
*********************************************************/
#mini_menu{
	margin:0px;
	padding:15px 0px 0px 0px;
	width:800px;
	text-align:left;
}
* html body #mini_menu{
	margin-bottom:-18px;
}
#mini_menu ul {
  margin:0;
  padding:0px;
}
#mini_menu ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#mini_menu li a{
	display:block;
  float:left;
	height:35px;
  text-decoration:none;
  text-indent:-9999px;
}

p#mini00{
	background-image:url(images/bnr_info_mini.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 75px;
	width:185px;
	margin-left:600px;
	padding-top:10px;
}

p#mini01{
	width:185px;
	margin-left:600px;
	padding-top:10px;
}

#mini_menu li#mini01 a{
	background-image:url(images/mini_menu01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:155px;
}
#mini_menu li#mini01 a:hover{
	background-image:url(images/mini_menu01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:155px;
}
#mini_menu li#mini02 a{
	background-image:url(images/mini_menu02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:127px;
}
#mini_menu li#mini02 a:hover{
	background-image:url(images/mini_menu02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:127px;
}
#mini_menu li#mini03 a{
	background-image:url(images/mini_menu03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:137px;
}
#mini_menu li#mini03 a:hover{
	background-image:url(images/mini_menu03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:137px;
}
#mini_menu li#mini04 a{
	background-image:url(images/mini_menu04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:95px;
}
#mini_menu li#mini04 a:hover{
	background-image:url(images/mini_menu04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:95px;
}
#mini_menu li#mini05 a{
	background-image:url(images/mini_menu05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:73px;
}
#mini_menu li#mini05 a:hover{
	background-image:url(images/mini_menu05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:73px;
}
#mini_menu li#mini06 a{
	background-image:url(images/mini_menu06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:122px;
}
#mini_menu li#mini06 a:hover{
	background-image:url(images/mini_menu06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:122px;
}
#mini_menu li#mini07 a{
	background-image:url(images/mini_menu07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:91px;
}
#mini_menu li#mini07 a:hover{
	background-image:url(images/mini_menu07.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:91px;
}
/*********************************************************
	** ポップアップ：pop **
*********************************************************/
body#pop{
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color:#666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight: normal;
	line-height:150%;
	margin: 0px auto;
	padding: 0px;
}
#pop a {
	font-weight: normal;
	color:#E1006A;
	text-decoration: none;
}
#pop a:hover {
	color:#CCCCCC;
	text-decoration: underline;
}
#pop #container{
	background-color:#FFFFFF;
	margin: 0px auto;
	padding:30px 10px 10px 10px;
	text-align:left;
	width:470px;
}
#pop #txt{
	margin-left:1em;
}
#pop #close{
	text-align:right;
	padding-right:5px;
}
/*********************************************************
	** 共通装飾：table,h4,h5, **
*********************************************************/
/*　テーブル要素　*/
table{
	margin:0px auto;
	border-collapse:collapse;
	border:1px solid #cccccc;
	text-align:left;
}
.table{
	border:none;
	margin:0px auto;
	text-align:left;
}
/*　項目タイトル　*/
h4{
	font-size:15px;
	font-weight:bold;
	color:#006699;
	padding-bottom:20px;
}
h5{
	font-size:14px;
	font-weight:bold;
	color:#009966;
}
/*　センター揃え　*/
.center{
	margin:0px auto;
	text-align:center;
}
/*　スペース確保　*/
.space_b{
	margin-bottom:20px;
}
/*　回り込み解除　*/
.box{
	clear:both;
	position:static;
	width: 100%;
}
/*　フォントサイズ　*/
.min{
	font-size:10px;
}
.caution{
	color:#CC0033;
}
#bnr_order{
	margin:10px auto 0px auto;
	text-align:right;
	width:700px;
}


/*-----------------------【 サンツールのコンセプト 】concept.html -----------------------*/
/*　全体枠　*/
#concept{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
/*　ページタイトル　*/
h3#concept {
	background-image: url(images/pagettl_concept.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#concept .l{
	border-bottom:1px solid #009966;
	margin-bottom:5px;
}
#concept #text{
	width:390px;
}
#concept #txt1,
#concept #txt2{
	margin-left:1em;
}
#concept #txt2{
	margin-bottom:3em;
}
#concept #image{
	width:300px;
}
#concept #place{
	clear:both;
	margin-top:15px;
}
#concept #place h5{
	margin-bottom:0.7em;
}
#concept dl{
	margin-left:1em;
}
#concept dt,
#concept dd{
	display:inline;
}
#concept dt{
	color:#669933;
}
#concept dd{
	margin-left:1em;
}
/*-----------------------【 サンツールの仕組み 】structure.html -----------------------*/
#structure,
#structure2{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#structure{
	background-image: url(images/pagettl_structure.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#structure #text{
	width:390px;
	padding-bottom:50px;
}
#structure #image{
	width:300px;
}
#image2{
	border-collapse:collapse;
	border:1px solid #ffffff;
	margin:0px auto;
	margin-bottom:40px;
	padding-top:15px;
	text-align:left;
	clear:both;
	position:relative;
	width: 730px;
}
#image2 .l{
	border-bottom:1px solid #009966;
	margin:0px auto;
	margin-bottom:15px;
	width:700px;
}
#structure2 h5{
	border-bottom:1px solid #009966;
	margin:0px auto;
	margin-bottom:15px;
	width:700px;
}
#image3{
	margin:0px auto;
	margin-bottom:20px;
	text-align:left;
	clear:both;
	position:relative;
	width:690px;
}
#image3 .b{
	color:#669933;
}

/*-----------------------【 ご注文の流れ 】order.html -----------------------*/
#order{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#order {
	background-image: url(images/pagettl_order.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#o_01{
	background-image: url(images/order01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 175px;
	padding-left:200px;
}
#o_02{
	background-image: url(images/order02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 175px;
	padding-left:200px;
}
#o_03{
	background-image: url(images/order03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 175px;
	padding-left:200px;
}
#o_04{
	background-image: url(images/order04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 175px;
	padding-left:200px;
}

/*-----------------------【 会社概要 】brief.html -----------------------*/
#brief{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#brief {
	background-image: url(images/pagettl_brief.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#brief table{
	width:500px;
}
#brief td{
	padding:5px;
}
#brief .itm{
	background-color:#e0f5f5;
	width:150px;
}


/*-----------------------【 資料請求 】inquiry.html,【お問い合わせ】inquiry0.html -----------------------*/
#inquiry,
#inquiry0{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#inquiry {
	background-image: url(images/pagettl_inquiry.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
h3#inquiry0 {
	background-image: url(images/pagettl_inquiry0.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#form_elements{
	margin:0px auto;
}
#form_elements p{
	margin:0px auto;
	padding-bottom:20px;
	text-align:left;
	width:550px;
}
#form table{
	width:550px;
	margin:0px auto;
}
#form .item{
	width:130px;
	padding:5px;
	background-color:#e0f5f5;
}
#form .item2{
	width:50px;
	padding:5px;
	background-color:#e0f5f5;
}
#form .item3{
	width:70px;
	padding:5px;
	background-color:#F2FAFA;
}
#form .elements{
	padding:5px;
}
#form .last{
	padding-top:10px;
	padding-bottom:20px;
}
.ast{
	color:#6BBE4A;
}
#advantage{
	background-image: url(images/bg_inquiry.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0pc auto 20px;
	height: 200px;
	width: 550px;
}
#advantage h4{
	padding:5px 0px 0px 10px;
	margin-bottom:0px;
}
#often{
	margin:0pc auto;
	width: 550px;
}
#often h4{
	margin-bottom:-15px;
}
#often ul{
	background-color:#e0f5f5;
	padding:10px;
	margin:0pc auto 10px;
}
#often li{
	list-style-type: disc;
	list-style-position: inside;
}

/*-----------------------【 リンク集 】links.html -----------------------*/
#links{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#links {
	background-image: url(images/pagettl_links.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#links dl{
	display:block;
	border-bottom:1px solid #009966;
	padding-bottom:10px;
}
/*-----------------------【 個人情報への取り組み 】privacy.htm -----------------------*/
#privacy{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#privacy {
	background-image: url(images/pagettl_privacy.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
#privacy ol li{
	list-style-type:decimal;
	list-style-position: inside;
}
#privacy ol p{
	padding-bottom:7px;
	padding-left:20px;
}
#privacy ol p.list{
	padding-bottom:15px;
	padding-left:20px;
}
/*-----------------------【 サイトマップ 】sitemap.html -----------------------*/
#sitemap{
	margin:0px auto;
	padding-top:1em;
	text-align:left;
	width: 700px;
}
h3#sitemap {
	background-image: url(images/pagettl_sitemap.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:1.1em;
	height: 16px;
	width: 760px;
}
.site_01 a{
	color:#006996;
	font-size:15px;
	font-weight:bold;
	line-height:1.8;
}
.sitemap-categories{
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}
.sitemap-indent{
	margin-left:20px;
	margin-bottom:8px;
}