@charset "utf-8";

html {
overflow-y: scroll;
	background: url(../img/h-back.gif) repeat-x #FFFFFF;
}

body {
	margin: 0;
	padding:0;
	line-height: 1.5;
	color: #333333;
	 font-family:'ヒラギノ丸ゴ','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
}

img {
border:0;
}

br.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear {
	clear:both;
}
ul, li, ol, dl, dt, dd {
	margin:0;
	padding:0;
	line-height:120%;
}

li {
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	margin:0;
	padding:0;
}
header, nav, section, footer, small, time, article {
display:block;
}
a {
	color: #FF6699;
	cursor: pointer;
}
a:visited {
	color:#999999;
}
a:hover {
	color: #FF3366;
}

del {
	text-decoration: none;
	background-image: url(../img/del1.gif);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0 2px;
}
del del {
	text-decoration: none;
	background-image: url(../img/del2.gif);
	background-repeat: repeat-x;
	background-position: left center;
	color:#454545;
}
.inner {
padding: 10px;
overflow: hidden;
}

/*ヘッダ*/
/*------------------------------*/
/*a#top{
height: 1px;
width: 100%;
margin: 0;
overflow:hidden;
border: 1px solid #000;
display:block;
}*/
header#header {
padding: 3px 10px 0 10px;
margin: 0 auto;
height:43px;
max-width: 1300px;
min-width:825px;
position:relative;
}
header#header:after {
content: "";
display: block;
clear: both;
}
* html header#header {
height: 1px;
}
*+html header#header {
min-height: 1px;
}

header#header h1 {
	margin: 0;
	padding: 0;
	font-size:1px;
	text-indent:-9999px;
	width:143px;
	height:44px;
	background-image: url(../img/h-rasen-logo.png);
	background-repeat: no-repeat;
}
header#header h1 a {
	display:block;
	height:40px;
}
header#header h2 {
	margin: 0;
	padding: 0;
	font-size:1px;
	text-indent:-9999px;
	width:559px;
	height:9px;
	background-image: url(../img/h-gyo-mu.png);
	background-repeat: no-repeat;
	position:absolute;
	top: 3px;
	right: 10px;
}
header#header ul {
	margin: 0;
	padding: 0;
	font-size:1px;
	text-indent:-9999px;
	width:357px;
	height:25px;
	background-image: url(../img/h-read.png);
	background-repeat: no-repeat;
	position:absolute;
	top: 17px;
	right: 10px;
}

/*ヘッダ パンくず*/
/*------------------------------*/
nav.crumb {
	clear:both;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	padding: 3px;
	border-bottom: 1px solid #CCCCCC;
	text-align:left;
	padding: 0.7em 13px 0.3em;
}
nav.crumb ol {
margin: 0 auto;
max-width: 1300px;
min-width:825px;
}
nav.crumb ol li {
display:inline;
}
nav.crumb a:link, nav.crumb a:visited {
	color: #FF6699;
	text-decoration: none;
}
#header h4 a:hover {
	color: #FF6699;
	text-decoration: underline;
}

/*内容*/
/*------------------------------*/
#wrapper {
max-width: 1300px;
min-width:825px;
margin: 0 auto;
}
#wrapper:after {
content: "";
display: block;
clear: both;
}
* html #wrapper {
height: 1px;
}
*+html #wrapper {
min-height: 1px;
}

#contents {
width: 100%;
float: left;
}
#contents .inner {
margin-left:190px;
}

/*メニュー*/
/*------------------------------*/
#mainMenu {
	float: left;
	width:190px;
	margin-left:-100%;
	font-size: 12px;
	font-weight: bold;
}
#mainMenu nav {
padding: 10px 10px 30px 10px;
}

#mainMenu nav li a {
	display:block;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: 1px solid #AAAAAA;
	padding: 8px 18px 8px 12px;
	text-decoration: none;
	background-image:url(../img/lnavi.gif);
}
#mainMenu nav li a:link {
	color:#666666;
	background-position: left;
}
#mainMenu nav li a:visited {
color:#999999;
	background-position: right;
}
#mainMenu nav li a:hover {
color:#FF0066;
background-position: -170px;
}

#mainMenu nav li li a {
	font-weight:normal;
	background-image:url(../img/lnavi-child.gif);
	padding: 5px 19px 5px 17px;
}
#mainMenu .banner {
	text-align:center;
	margin: 1em 0 0 0;
}


/*各ページに入った時用メニュー*/
/*------------------------------*/
/*業務内容*/
/*------------------------------*/
#gyo-mu-index #mainMenu li a#menuGyo-mu:link,
#gyo-mu-index #mainMenu li a#menuGyo-mu:visited,
#gyo-mu-index #mainMenu li a#menuGyo-mu:hover,
/*制作実績*/
/*------------------------------*/
#works-index #mainMenu li a#menuWorks:link,
#works-index #mainMenu li a#menuWorks:visited,
#works-index #mainMenu li a#menuWorks:hover,
/*螺旋デザインって*/
/*------------------------------*/
#rasen-index #mainMenu li a#menuRasen:link,
#rasen-index #mainMenu li a#menuRasen:visited,
#rasen-index #mainMenu li a#menuRasen:hover,
/*建売サイト*/
/*------------------------------*/
#tateuri-index #mainMenu li a#menuTateuri:link,
#tateuri-index #mainMenu li a#menuTateuri:visited,
#tateuri-index #mainMenu li a#menuTateuri:hover,
/*サイト構築・更新メモ*/
/*------------------------------*/
#kouchiku #mainMenu li a#menuKouchiku:link,
#kouchiku #mainMenu li a#menuKouchiku:visited,
#kouchiku #mainMenu li a#menuKouchiku:hover,
/*価格リスト*/
/*------------------------------*/
#kakaku-index #mainMenu li a#menuKakaku:link,
#kakaku-index #mainMenu li a#menuKakaku:visited,
#kakaku-index #mainMenu li a#menuKakaku:hover,

/*お問い合わせ*/
/*------------------------------*/
#otoiawase-index #mainMenu li a#menuOtoiawase:link,
#otoiawase-index #mainMenu li a#menuOtoiawase:visited,
#otoiawase-index #mainMenu li a#menuOtoiawase:hover,
/*スケジュール*/
/*------------------------------*/
#schedule-index #mainMenu li a#menuSchedule:link,
#schedule-index #mainMenu li a#menuSchedule:visited,
#schedule-index #mainMenu li a#menuSchedule:hover,
/*リンク用バナー*/
/*------------------------------*/
#banner-index #mainMenu li a#menuBanner:link,
#banner-index #mainMenu li a#menuBanner:visited,
#banner-index #mainMenu li a#menuBanner:hover,
/*サイトマップ*/
/*------------------------------*/
#sitemap-index #mainMenu li a#menuSitemap:link,
#sitemap-index #mainMenu li a#menuSitemap:visited,
#sitemap-index #mainMenu li a#menuSitemap:hover {
	background-position: -340px;
	color:#639ECF;
}
/*業務内容 下層*/
/*------------------------------*/
#gyo-mu-design #mainMenu li a#menuGyo-muDesign:link,
#gyo-mu-design #mainMenu li a#menuGyo-muDesign:visited,
#gyo-mu-design #mainMenu li a#menuGyo-muDesign:hover,
#gyo-mu-chording #mainMenu li a#menuGyo-muChording:link,
#gyo-mu-chording #mainMenu li a#menuGyo-muChording:visited,
#gyo-mu-chording #mainMenu li a#menuGyo-muChording:hover,
#gyo-mu-shop #mainMenu li a#menuGyo-muShop:link,
#gyo-mu-shop #mainMenu li a#menuGyo-muShop:visited,
#gyo-mu-shop #mainMenu li a#menuGyo-muShop:hover,
#gyo-mu-blog-custom #mainMenu li a#menuGyo-muBlogCustom:link,
#gyo-mu-blog-custom #mainMenu li a#menuGyo-muBlogCustom:visited,
#gyo-mu-blog-custom #mainMenu li a#menuGyo-muBlogCustom:hover,
#gyo-mu-mobile #mainMenu li a#menuGyo-muMobile:link,
#gyo-mu-mobile #mainMenu li a#menuGyo-muMobile:visited,
#gyo-mu-mobile #mainMenu li a#menuGyo-muMobile:hover,
/*螺旋デザインって 下層*/
/*------------------------------*/
#rasen-flow #mainMenu li a#menuRasenFlow:link,
#rasen-flow #mainMenu li a#menuRasenFlow:visited,
#rasen-flow #mainMenu li a#menuRasenFlow:hover,
/*建売サイト 下層*/
/*------------------------------*/
#tateuri-design #mainMenu li a#menuTateuriDesign:link,
#tateuri-design #mainMenu li a#menuTateuriDesign:visited,
#tateuri-design #mainMenu li a#menuTateuriDesign:hover,
#tateuri-design-detail #mainMenu li a#menuTateuriDesign:link,
#tateuri-design-detail #mainMenu li a#menuTateuriDesign:visited,
#tateuri-design-detail #mainMenu li a#menuTateuriDesign:hover,
#tateuri-option #mainMenu li a#menuTateuriOption:link,
#tateuri-option #mainMenu li a#menuTateuriOption:visited,
#tateuri-option #mainMenu li a#menuTateuriOption:hover,
#tateuri-flow #mainMenu li a#menuTateuriFlow:link,
#tateuri-flow #mainMenu li a#menuTateuriFlow:visited,
#tateuri-flow #mainMenu li a#menuTateuriFlow:hover,
/*サイト構築・更新メモ 下層*/
/*------------------------------*/
#mt #mainMenu li a#menuKouchikuMT:link,
#mt #mainMenu li a#menuKouchikuMT:visited,
#mt #mainMenu li a#menuKouchikuMT:hover,
#etc #mainMenu li a#menuKouchikuEtc:link,
#etc #mainMenu li a#menuKouchikuEtc:visited,
#etc #mainMenu li a#menuKouchikuEtc:hover {
	background-position: -340px;
	color:#639ECF;
}

/*フッタ*/
/*------------------------------*/
footer {
clear:both;
max-width: 1300px;
min-width:825px;
margin: 0 auto;
}
footer #gotoPageTop {
	text-align: center;
	padding-left: 155px;
	border-bottom: 1px solid #AAAAAA;
	padding-bottom: 15px;
}
footer #gotoPageTop a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-image: url(../img/navi-goto-pagetop0.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	display: block;
	padding-top: 20px;
	width: 7em;
	margin: 0 auto;
	font-size: 10px;
}
footer #gotoPageTop a:hover {
	color: #FF3366;
	background-image: url(../img/navi-goto-pagetop1.gif);
}
footer ul {
	color: #AAAAAA;
	margin: 10px 0 2px 0;
	padding: 0 10px;
	text-align:right;
	min-width:795px;
	font-size: 10px;
}
footer li {
	display:inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #AAAAAA;
}
footer li a {
	color: #FF6699;
	text-decoration: none;
}
footer li a:hover {
	color: #FF3366;
	text-decoration: underline;
}
footer small {
	background-image: url(../img/copyright.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-indent: -9999px;
	margin: 5px 0 15px 0;
	border-top: 1px solid #CCCCCC;
	background-position: 10px 3px;
}

/*下層ページ共通*/
/*------------------------------*/
#contents h1 {
	font-size: 1px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	width: 600px;
	margin: 10px 0;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
th {
	font-weight: normal;
	text-align: left;
}
.mini {
font-size: 80%;
}
.moreTxt {
	margin-right: 2.5%;
	margin-left: 2.5%;
	font-size:10px;
	_font-size:80%;
}
.moreTxt p {
	margin-bottom: 1em;
}
ol.normal {
	margin: 0 2.5% 1em 6%;
}
ol.normal li {
	list-style-type: decimal;
	margin-bottom: 0.5em;
	list-style-position: outside;
}
ul.normal, ul.listAlert {
	margin: 0 0 1em 2.5em;
}
ol.normal li li, ul.normal li {
	margin-bottom: 0.5em;
	background-image: url(../img/ul-normal.gif);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: left 0.5em;
}
ol.normal li li {
	list-style-type: none;
	margin-bottom: 0;
}
ul.listAlert li {
	margin-bottom: 0.5em;
	background-image: url(../img/ul-alert.gif);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: left 0.3em;
	font-size: 10px;
	_font-size: 80%;
}
em.alert {
	background-image: url(../img/alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-style: normal;
	display: block;
	padding-left: 16px;
	font-size: 10px;
	_font-size: 80%;
	line-height: 120%;
	margin-top: 15px;
	color:#FF3366;
}
dd em.alert {
	margin-top: 3px;
}
em.alert a {
	color: #639ECF;
}
em.alert a:visited {
	color:#3577AC;
}
em.alert a:hover {
	color: #84C1FF;
}
em.alert2 {
	background-image: url(../img/alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-style: normal;
	display: block;
	padding-left: 18px;
	line-height: 120%;
	margin: 15px 2.5% 0px 2.5%;
}
table.normal {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	margin-right:10px;
}
.normal th, .normal td {
	padding: 3px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.normal th {
	background-color: #535353;
	background-image: url(../img/th1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFFFFF;
	white-space: nowrap;
}
table.normal .koumoku {
	background-image: url(../img/td.gif);
	font-weight: bold;
	color: #FF0066;
	white-space: nowrap;
}
table.normal .bikou {
font-size:10px;
}
table.normal .hazama {
height: 1px;
padding:0;
background-color:#000000;
}
.button {
	text-align: center;
	margin: 0 0.5em;
	_margin: 0 0.5em 2em 0.5em;
}
.button input {
	letter-spacing: 1em;
	width:6em;
	text-indent: 0.5em;
	margin: 0 2em;
	}
.button input#comment-cancel {
	letter-spacing: 0;
	width: auto;
	text-indent: 0;
	margin: 0 2em;
	}
a#goPrivacy {
	background-repeat: no-repeat;
	background-position: left;
	display:block;
	padding-left:15px;
	float:right;
	margin: 0 2.5% 0 0;
	width:13.5em;
}
a#goPrivacy:link {
	background-image: url(../img/b_next0.gif);
}
a#goPrivacy:visited {
	background-image: url(../img/b_sumi.gif);
}
a#goPrivacy:hover {
	background-image: url(../img/b_next1.gif);
}