@charset "UTF-8";

body {
	margin:0;
	padding:0;
	color:#000000;
	background-color:#f5f5f5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.6;
	text-align:center;
}
* html body {/* for IE6 */
	font-size:75%;
}
*:first-child+html body {/* for IE7 */
	font-size:75%;
}
html,
div,
p,
li,
dl,
dt,
dd,
blockquote,
td,
form,
address {
	margin:0;
	padding:0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:bold;
	font-size:100%;
}
ol,
ul {
	margin:0;
	padding:0;
	list-style:none;
}
caption,
th {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	line-height:inherit;
}

/*--------------------------------------
	Inline Elements
--------------------------------------*/
em,
strong,
cite,
code,
dfn,
var {
	font-style:normal;
}
input,
select,
textarea {
	color:#000;
	font-size:inherit;
}
img,
embed,
object {
	vertical-align:bottom;
	border:none;
}

/*--------------------------------------
	Style Name : Structure Style

	Common Style
	Accessibility
	body
	header
	content
	footer
--------------------------------------*

/*	Hypertext
--------------------------------------*/
a:link,
a:visited {
	color:#de237c;
	text-decoration:none;
}
a:hover,
a:active {
	color:#000000;
	text-decoration:underline;
}

/* #container
============================================================ */
#container {
	 margin:0 auto 0;
	 padding:0;
	 width:900px;
	 text-align:left;
	 background: url(../img/bg_content.gif) 0 0 repeat-y;
}

#left {
	margin:0;
	padding:0;
	width:162px;
	float:left;
}
#right {
	padding:0;
	width:708px;
	float:right;
}
#footer {
	clear:both;
	padding:0;
	width:708px;
}
/* #left
============================================================ */
#left h1 {
	margin:0;
	padding:0 0 5px;
	background-color:#f5f5f5;
	width:162px;
	height:195px;
}
#left h2 {
	margin:0 1px 10px;
	padding-left:5px;
	background-color:#fcff00;
	width:155px;
	_width:160px;
	font-size:91%;
	line-height:18px;
	clear:both;
	font-family:"Times New Roman", Times, serif;
}
p.addthis {
	margin:0 0 5px;
	width:160px;
	text-align:center;
}
p.addfeed {
	margin:0 0 10px;
	width:160px;
	text-align:center;
}
/* #global-navi
------------------------------------- */
#global-navi {
	margin:0 0 10px;
	padding:0 1px 0;
	width:160px;
	border-top:1px solid #dedede;
}
#global-navi ul {
	margin:0;
	padding:0;
	list-style:none;
}
#global-navi ul li {
	margin:0 0 1px;
	padding:0;
	height:51px;
}
/* flickr
------------------------------------- */
div.flickr {
	margin:0 1px 20px;
	padding:0;
	width:160px;
	overflow:hidden;
}
div.flickr ul {
	margin-left:5px;
	list-style:none;
}
div.flickr ul li {
	margin:0 3px 3px 0;
	padding:1px;
	width:46px;
	float:left;
	background-color:#000000;
}
div.flickr ul li a:hover {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3以前 */
	opacity:0.70; /* CSS3 */
}
/* twitter
------------------------------------- */
div.twitter {
	margin:-10px 1px 20px;
	padding:0;
	width:160px;
}
div.twtr-doc {
	font-size:85%;
}

/* #right
============================================================ */
#introduction {
	margin:0 0 20px;
	width:700px;
}
/* #content_left
------------------------------------- */
#content_left {
	margin:0 30px 20px 0;
	width:474px;
	float:left;
}
#content_left h2 {
	margin:0 0 10px;
	padding-left:5px;
	background-color:#fcff00;
	width:469px;
	_width:474px;
	font-size:91%;
	line-height:18px;
	clear:both;
	font-family:"Times New Roman", Times, serif;
}
/* #information
------------------------------------- */
#information {
	margin:0 0 20px;
	padding:0 10px 0;
	width:454px;
	font-size:91%;
}
#works {
	margin:0 0 20px;
	padding:0 10px 0;
	width:454px;
	font-size:91%;
}
#information h3,
#works h3 {
	margin:0 0 5px;
	padding:0;
	font-size:91%;
	font-weight:normal;
}
#information h3 a,
#works h3 a {
	padding-left:5px;
	color:#FFFFFF;
	display:block;
	width:449px;
	_width:454px;
	height:21px;
	line-height:21px;
	text-decoration:none;
	background:url(../img/bg_link.gif) right 50% no-repeat;
}
#information h3 a:hover,
#works h3 a:hover {
	text-decoration:none;
	background:url(../img/bg_link_on.gif) right 50% no-repeat;
}
#information div.img,
#works div.img {
	margin:0 0 5px;
	padding:5px;
	width:444px;
	background-color:#000000;
}
#information div.img a:hover,
#works div.img a:hover {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3以前 */
	opacity:0.70; /* CSS3 */
}
#information div.data {
	margin:0 0 5px;
	padding:0;
	width:454px;
	text-align:right;
}
#works div.data {
	margin:0 0 5px;
	padding:0;
	width:454px;
}
#information div.text,
#works div.text {
	margin:0 0 5px;
	padding:0;
	width:454px;
}
div.content-nav {
	margin:0 0 20px;
	padding:0;
	width:474px;
	text-align:center;
}
/* #section
------------------------------------- */
#section {
	margin:0 0 20px;
	padding:0 10px 0;
	width:454px;
}
#section h3 {
	margin:0 0 20px;
	padding-left:5px;
	width:449px;
	line-height:105%;
	font-size:100%;
	border-left:3px solid #000000;
}
#section div.parent {
	margin:0 0 10px;
	padding:0;
	width:454px;
	font-size:85%;
}
/* div.entry
------------------------------------- */
#section div.entry {
	margin:0 0 30px;
	padding:0;
	width:454px;
	font-size:91%;
}
/* div.form
------------------------------------- */
#section div.form {
	margin:0;
	padding:0;
	width:454px;
	font-size:91%;
}
#section div.entry p {
	margin:0 0 10px;
	padding:0;
}
#section div.entry p.image {
	margin:0 0 20px;
	padding:0;
}
#section div.entry p.lead_text {
	margin:0 0 10px;
	padding:0;
	font-size:108%;
	font-weight:bold;
}
#section div.entry div.cut_in {
	margin:0 0 10px;
	padding:0;
	width:454px;
	text-align:center;
}
#section div.entry table,
#section div.form table {
	margin:0 0 10px;
	padding:0;
	width:454px;
	border-bottom:1px solid #ccc;
	border-collapse:separate;
	border-spacing:1px;
	line-height:160%;
}
#section div.entry table th,
#section div.form table th {
	text-align:left;
	padding:10px 5px;
	vertical-align:top;
	font-weight:bold;
	border-top:2px solid #ccc;
}
#section div.entry table td,
#section div.form table td {
	text-align:left;
	padding:12px 5px 10px;
	vertical-align:top;
	border-top:1px solid #ccc;
}
#section div.entry table td span {
	font-size:85%;
}
#section div.contact {
	margin:0;
	padding:0;
	width:454px;
	text-align:center;
}
#section div.pagenext {
	margin:0 0 20px;
	padding:0;
	width:454px;
	height:21px;
	line-height:21px;
	font-size:91%;
	text-align:center;
	background-color:#000000;
}
#section div.pagenext a {
	color:#FFFFFF;
	text-decoration:none;
}
/* div.flow
------------------------------------- */
div.entry div.flow_step1 {
	margin:0;
	padding:25px 20px 20px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_01.gif) 0 0 no-repeat;
}
div.entry div.flow_step2 {
	margin:0;
	padding:35px 20px 25px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_02.gif) 0 0 no-repeat;
}
div.entry div.flow_step3 {
	margin:0;
	padding:35px 20px 25px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_03.gif) 0 0 no-repeat;
}
div.entry div.flow_step4 {
	margin:0;
	padding:25px 20px 20px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_04.gif) 0 0 no-repeat;
}
div.entry div.flow_step5 {
	margin:0;
	padding:25px 20px 20px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_05.gif) 0 0 no-repeat;
}
div.entry div.flow_step6 {
	margin:0;
	padding:25px 20px 20px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_06.gif) 0 0 no-repeat;
}
div.entry div.flow_step7 {
	margin:0;
	padding:35px 20px 25px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_07.gif) 0 0 no-repeat;
}
div.entry div.flow_step8 {
	margin:0;
	padding:35px 20px 25px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_08.gif) 0 0 no-repeat;
}
div.entry div.flow_step9 {
	margin:0;
	padding:25px 20px 20px 130px;
	width:304px;
	_width:454px;
	background:url(../img/bg_flow_09.gif) 0 0 no-repeat;
}
div.entry div.flow_6 span {
	font-size:85%;
}
/* div.merit
------------------------------------- */
div.entry div.cms_merit {
	margin:0;
	padding:25px 30px 14px 95px;
	width:329px;
	_width:454px;
	background:url(../img/bg_cms.gif) 0 0 no-repeat;
}
div.entry div.cms_bottom {
	margin-bottom:10px;
	padding:0;
	width:454px;
	height:10px;
	background:url(../img/bg_cms_bottom.gif) 0 0 no-repeat;
}
div.cms_merit p.cms_title {
	margin:0 0 10px;
	padding:0;
}
div.cms_merit p.cms_text {
	margin:0;
	padding:0;
}
/* div.flow
------------------------------------- */
div.entry div.maintenance1 {
	margin-bottom:20px;
	padding:50px 20px 0 115px;
	width:319px;
	height:74px;
	_width:454px;
	_height:124px;
	background:url(../img/bg_maintenance_01.gif) 0 0 no-repeat;
}
div.entry div.maintenance2 {
	margin-bottom:20px;
	padding:50px 20px 0 115px;
	width:319px;
	height:74px;
	_width:454px;
	_height:124px;
	background:url(../img/bg_maintenance_02.gif) 0 0 no-repeat;
}
div.entry div.maintenance3 {
	margin-bottom:0;
	padding:50px 20px 0 115px;
	width:319px;
	height:74px;
	_width:454px;
	_height:124px;
	background:url(../img/bg_maintenance_03.gif) 0 0 no-repeat;
}
/* div.works
------------------------------------- */
#section div.works {
	margin:0 0 30px;
	padding:0;
	width:454px;
	font-size:91%;
}
#section div.works div.title {
	margin:0 0 10px;
	padding:0;
	font-weight:normal;
}
#section div.works div.title_entry {
	margin:0 0 10px;
	font-size:91%;
	font-weight:normal;
	padding-left:5px;
	color:#FFFFFF;
	display:block;
	width:449px;
	_width:454px;
	height:21px;
	line-height:21px;
	text-decoration:none;
	background-color:#000000;
}
#section div.works div.title a {
	padding-left:5px;
	color:#FFFFFF;
	display:block;
	width:449px;
	_width:454px;
	height:21px;
	line-height:21px;
	text-decoration:none;
	background:url(../img/bg_link.gif) right 50% no-repeat;
}
#section div.works div.title a:hover {
	text-decoration:none;
	background:url(../img/bg_link_on.gif) right 50% no-repeat;
}
#section div.works div.img {
	margin:0 0 10px;
	padding:5px;
	width:444px;
	background-color:#000000;
}
#section div.works div.img a:hover {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3以前 */
	opacity:0.70; /* CSS3 */
}
#section div.works div.bg_img {
	margin:0;
	padding:0;
	width:454px;
	height:130px;
	text-indent:-9999px;
	background-position: 50% 0;
}
#section div.works div.bg_img a {
	width:444px;
	height:120px;
	_width:454px;
	_height:130px;
	display:block;
	overflow:hidden;
	border:5px solid #000000;
}
#section div.works div.bg_img a:hover {
	border:5px solid #de237c;
}
#section div.works div.data {
	margin:0 0 10px;
	padding:0;
	width:454px;
}
#section div.works div.text {
	margin:0 0 10px;
	padding:0;
	width:454px;
}

#section img.right {
	margin:0 0 20px 20px;
	float:right;
}
#section br.clear {
	width:454px;
	height:20px;
	clear:both;
}

/* #content_right
------------------------------------- */
#content_right {
	margin:0 0 20px;
	width:204px;
	float:right;
}
#content_right h2 {
	margin:0 0 5px;
	padding-left:5px;
	background-color:#fcff00;
	width:199px;
	_width:204px;
	font-size:91%;
	line-height:18px;
	clear:both;
	font-family:"Times New Roman", Times, serif;
}
/* #sub-navi
------------------------------------- */
#navi-service {
	margin:0 0 5px;
	padding:0;
	width:204px;
}
#navi-price {
	margin:0 0 20px;
	padding:0;
	width:204px;
}
#navi-service ul,
#navi-price ul {
	margin:0;
	padding:0;
	list-style:none;
}
#navi-service li,
#navi-price ul li {
	margin:0 0 1px;
	padding:0;
	height:36px;
}
/* #blog
------------------------------------- */
#blog {
	margin:0 0 20px;
	padding:0 0 10px;
	width:204px;
	border-bottom:1px dotted #000000;
}
#blog p.img {
	margin:0 0 5px;
	padding:5px;
	width:194px;
	background-color:#000000;
}
#blog p.img a:hover {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3以前 */
	opacity:0.70; /* CSS3 */
}
#blog p.title {
	margin:0 0 1px;
	padding:0;
	font-size:91%;
}
#blog p.title a {
	padding-left:5px;
	color:#FFFFFF;
	display:block;
	width:199px;
	_width:204px;
	height:21px;
	line-height:21px;
	text-decoration:none;
	background:url(../img/bg_link.gif) right 50% no-repeat;
}
#blog p.title a:hover {
	text-decoration:none;
	background:url(../img/bg_link_on.gif) right 50% no-repeat;
}
#blog p.data {
	margin:0 0 5px;
	padding:0 5px 0;
	width:194px;
	font-size:91%;
}
#blog p.text {
	margin:0 0 5px;
	padding:0 5px 0;
	width:194px;
	font-size:85%;
}
/* #banner
------------------------------------- */
#banner {
	margin:0 0 20px;
	padding:0;
	width:204px;
}
#banner p {
	margin:0 0 20px;
	padding:0;
	width:204px;
	text-align:center;
}


/* FOOTER
============================================================ */
#footer div.skip-link {
	margin:0;
	padding-right:20px;
	width:688px;
	text-align:right;
}
/* #yellow
------------------------------------- */
#yellow {
	clear:both;
	margin:0;
	padding:20px;
	font-size:85%;
	color:#000000;
	zoom:1;
	overflow:hidden;
	background-color:#fcff00;
}
#yellow div.guide-navi {
	margin:0;
	padding:5px 20px 0 20px;
	width:181px;
	min-height:120px;
	float:left;
	border-left:1px dotted #000000;
}
#yellow div.guide-navi ul {
	margin:0;
	padding:0;
	list-style:none;
}
#yellow div.guide-navi li {
	padding:0 0 5px;
	
}
#yellow div.guide-navi li a {
	color:#000000;
	text-decoration:none;
	
}
#yellow div.guide-navi li a:hover {
	text-decoration:underline;
	
}
/* #black
------------------------------------- */
#black {
	clear:both;
	margin:0;
	padding:20px;
	font-size:85%;
	color:#FFFFFF;
	zoom:1;
	overflow:hidden;
	background-color:#000000;
}
#black div.add {
	padding: 0;
	float: left;
}
#black div.add span {
	font-size:116%;
	font-weight:bold;
}
#black div.copyright {
	padding: 0;
	float: right;
}

#container:after,
#yellow:after,
#black:after {
	content:"";
	display:block;
	clear:both;
}