@charset "utf-8";

div#layout1 {
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
	text-align:left;
}
div#layout2 {
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
}
div#layout3 {
	margin: 0;
	padding:0;
	width: 100%;
	clear: both;
}
#l1d1p1 {
	padding 0;
	margin: 6px 0 12px 0;
}
#l2d1p1,#l2d1p2,#l2d1p4,#l2d1p6 {
	padding: 3px 0;
	margin: 0 0 0 15px;
	font-size: 85%;
	text-align: left;
}
#l2d1p2,#l2d1p4,#l2d1p6 {
	padding-bottom: 10px;
}
#l2d1p3,#l2d1p5,#l2d1p7 {
	padding: 0 0 6px 12px;
}
#l2d1p7 {
	padding-top: 8px;
}
#l2d2p1 {
	padding: 0;
	margin: 34px 0;
}


/*======================================

	setting

=======================================*/

p,ul,li {
	margin:0;
	padding:0;
}

.tm5 {
	margin-top:5px;
}

.tm10 {
	margin-top:10px;
}

.txt {
	width:598px;
	margin-top:5px;
	margin-left:13px;
	margin-bottom:5px;
	font-size:85%;
}

.hr {
	width:auto;
	height:15px;
	background:url(../img/line2.gif) repeat-x center center;
}

.hr hr {
	display:none;
}

.contact_txt {
	width:auto;
	background:url(../img/common/contact_txt.gif) no-repeat 0 0;
	padding-left:24px;
	padding-top:14px;
	padding-bottom:38px;
	text-align:left;
}

/*======================================

	marketing

=======================================*/

div#marketing {

}

div#marketing .title {
	background:url(../img/marketing/marketing_title.jpg) no-repeat 0 0;
	width:auto;
	height:175px;
	padding-top:105px;
	padding-right:148px;
	font-size:85%;
}

div#marketing .title p {
	margin-left:15px;
}

html > body div#marketing .title {
	height:70px;
}

ul.marketing {

}

ul.marketing li {

}

ul.marketing li:first-letter {
	color:#0080C1;
}


ul.marketing li strong {
	color:#22A0DC;
}

/*======================================

	CMS & SEO

=======================================*/

div#about {
	width:auto;
	margin:0px 0 11px 0;
}

div#about:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#about {
    height: 1em;
    overflow: visible;
}
/**/

.img01 {
	float:right;
	margin:0px 13px 0 10px;
}

.img02 {
	float:right;
	margin:0px -31px 0 15px;
}

.merit_left {
	float:left;
	margin:5px 0 5px 0;
	width: 158px;
}

.merit_left2 {
	float:left;
	margin:5px 0 5px 0;
	width: 65px;
}

.merit_right {
	float:right;
	margin:5px 0 5px 0;
	width: 418px;
}

.merit_right2 {
	float:right;
	margin:5px 0 5px 0;
	width: 525px;
}

div#merit {
	width:auto;
	margin:15px 0 15px 0;
	font-size:107%;
}

div#merit p {
	margin:0;
	padding:0;
}

div#merit .line {
	clear:both;
	margin:0;
	padding:0;
	background:url(../img/common/line.jpg) repeat-x center center;
	height:5px;
	margin-bottom:3px;
}

div#merit .line hr {
	display:none;
}

div#merit:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.aqua {
	font-weight:bold;
	color: #0099FF;
	font-size:1.35em;
	margin:2px 0 0 0px;
	font-weight:bold;
}

.aqua2 {
	font-weight:bold;
	color: #0099FF;
	font-size:1.2em;
	margin:2px 0 0 0px;
	font-weight:bold;
}


/*\*/
* html div#merit {
    height: 1em;
    overflow: visible;
}
/**/

.line {
	clear:both;
	padding:3px 0 5px 0;
}

.c669900 {
	color:#669900;
}

.c0099ff {
	color:#0099FF;
}

/*======================================

	aisatsu

=======================================*/

div#aisatsu_bg {
	position:relative;
	width:auto;
	background:url(../img/aisatsu/bg.jpg) no-repeat 0 0;
	text-align:left;
	padding:140px 240px 0 0px;
	font-size:85%;
	margin-bottom: 20px;
}

#rinen {
	position:absolute;
	right:15px;
	top:20px;
	width:auto;
	height:auto;
	font-size:10px;
}

.center {
	text-align:center;
}

.inner {
	width:600px;
	text-align:left;
	margin-left:13px;
}

/*======================================

	gaiyou

=======================================*/

.gaiyou {
	font-size:85%;
}

.gaiyou th,
.gaiyou td {
	padding:10px;
	border:1px solid #cccccc;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}

.gaiyou th {
	width:140px;
	background-color:#eeeeee;
}

/*======================================

	privacy

=======================================*/

.secom {
	width:auto;
	margin:0 auto;
	border:1px solid #cccccc;
	padding:20px 10px 20px 10px;
	margin-top:10px;
	font-size:11px;
}

.secom:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .secom {
    height: 1em;
    overflow: visible;
}
/**/

.secom img {
	float:left;
	margin:-10px 10px 0 0;
}

ol.privacy {

}

ol.privacy li {
	margin-bottom:10px;
}

/*======================================

	works

=======================================*/

.title_works {
	background:url(../img/works/txt_bg.jpg) no-repeat 0 0;
	width:auto;
	height:177px;
	padding:87px 0 0 209px;
	font-size:85%;
}

html > body .title_works {
	height:90px;
}

.works {
	font-size:72%;
}

.works th,
.works td {
	text-align:center;
	vertical-align:top;
}

.works td {
	padding-bottom:15px;
}

.works td a {
	font-size:114%;
	color:#22A0DC;
	font-weight:bold;
}


/*======================================

	principles

=======================================*/

.principles_bg {
	background:url(../img/principles/title_bg.jpg) no-repeat 0 0;
	width:600px;
	height:172px;
	margin-left:15px;
	padding:80px 0 20px 198px;
	font-size:85%;
}

html > body .principles_bg {
	width:402px;
	height:80px;
}

/*======================================

	Blog

=======================================*/

.blog * {
	font-size:13px;
}

.blog .tag * {
	font-size:11px;
}