@charset "utf-8";
/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

body  {
	font-size        : 14px;
	color            : #444444;
	background-color : #ffffff;
    font-family: 'ヒラギノ角ゴ Pro W3','ＭＳＰゴシック',meiryo, sans-serif; 
	line-height:21px ;
	margin: 0px;
	
}

a.link00 {font-size: 13px; line-height: 13px; text-decoration:none; color:#ff6600;}
a.link00:hover {font-size: 11px; line-height: 13px; text-decoration:underline; color:#FF6600;}
a.link01 {font-size: 14px; line-height: 17px; text-decoration:none; color:#eeeeee;}
a.link01:hover {font-size: 12px; line-height: 17px; text-decoration:underline; color:#FF3333;}
a.link02 {font-size: 14px; line-height: 17px;  text-decoration:none; color:#555555;}
a.link02:hover {font-size: 12px; line-height: 17px;  text-decoration:none; color:#555555;}

a {
	COLOR: #FF6600; TEXT-DECORATION: none
}
a:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline
}

.text1 {font-size: 16px; line-height: 22px; font-weight: bold; color:#2B7857;}
.text2 {font-size: 16px; line-height: 22px; font-weight: bold; color:#FF6B00;}
.text3 {font-size: 14px; line-height: 22px; font-weight: bold; color:#555555;}
.text4 {font-size: 14px; line-height: 18px; font-weight: bold; color:#87914A;}
.text5 {font-size: 14px; line-height: 18px;  color:#555555;}
.text6 {
    font-size: 14px; 
    line-height: 26px;
    font-weight: bold; 
	width: 670px;
	height: 42px;
    color:#2B7857;
	padding: 10px 0px 0px 0px;
    background:url(../images/m_h2.gif) ;

}
.text7 {
    font-size: 13px; 
    line-height: 26px;
    font-weight: bold; 
	width: 670px;
	height: 42px;
    color:#F0474A;
	padding: 10px 0px 0px 0px;
    background:url(../images/m_h2.gif) ;


}

img{
	border: 0px;
}

img.img-border-s {
	padding:3px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	background-color:#EFEFEF;
}

#container { 
	 margin: 0 auto;
	 width: 960px;
	 background:url(../images/bg1.gif) ;

}

#container2 { 
	 padding: 0px;
	 margin: 0px 20px 0px 20px;
	 width: 920px;
}

#headerheader {
	clear: both;
	 color: #333;
	 width: 960px;
	 float: left;
	 padding: 0px;
	 height: 12px;
	 margin: 0px ;
	 background:url(../images/bg2.gif) ;
}

#header {
	clear: both;
	 color: #333;
	 width: 940px;
	 float: left;
	 padding: 0px;
	 height: 100px;
	 margin: 10px 0px 0px 20px;
	 display: inline;
}


#navigation {
	clear: both;
	 float: left;
	 width: 940px;
	 color: #333;
	 padding: 0px;
	 margin: 5px 0px 5px 20px;
	 display: inline;
}

#navi {
    height: 20px;
	margin: 0; 
	padding: 10px; 
}

/* menulist
---------------------------------------------------------------------- */

.menulist {
	padding: 0px;
}

.menulist dt {
	background:url(../images/s2.gif) no-repeat left;
	width: 190px;
	height: 12px;
	padding: 10px 0px 10px 12px;
	margin: 6px;
}

.menulist dd {
	margin: 0px;
	padding: 0px;
	
}

/* メニューボタン
--------------------------------------------------------------------- */


.menulist dt a.menu01 {
	width: 47px;
    height: 11px;
	display: block;
	background: url("../images/top_b1.gif") no-repeat left top;
}

.menulist dt a.menu02 {
    width: 125px;
    height: 12px;
	display: block;
	background: url("../images/top_b2.gif") no-repeat left top;
}

.menulist dt a.menu03 {
    width: 168px;
    height: 12px;
	display: block;
	background: url("../images/top_b3.gif") no-repeat left top;
}

.menulist dt a.menu04 {
    width: 150px;
    height: 12px;
	display: block;
	background: url("../images/top_b4.gif") no-repeat left top;
}

.menulist dt a.menu05 {
    width: 120px;
    height: 12px;
	display: block;
	background: url("../images/top_b5.gif") no-repeat left top;
}

.menulist dt a.menu06 {
    width: 115px;
    height: 12px;
	display: block;
	background: url("../images/top_b6.gif") no-repeat left top;
}

.menulist dt a.menu07 {
    width: 34px;
    height: 11px;
	display: block;
	background: url("../images/top_b7.gif") no-repeat left top;
}

.menulist dt a.menu08 {
    width: 47px;
    height: 11px;
	display: block;
	background: url("../images/top_b8.gif") no-repeat left top;
}

.menulist a.menu09 {
    width: 195px;
    height: 27px;
	display: block;
	background: url("../images/top_b2_01.gif") no-repeat left top;
}

.menulist a.menu10 {
    width: 195px;
    height: 28px;
	display: block;
	background: url("../images/top_b2_02.gif") no-repeat left top;
}

.menulist a.menu11 {
    width: 195px;
    height: 29px;
	display: block;
	background: url("../images/top_b2_03.gif") no-repeat left top;
}

.menulist a.menu12 {
    width: 195px;
    height: 56px;
	display: block;
	background: url("../images/top_b2_04.gif") no-repeat left top;
}
/*相談・連絡先追加*/
.menulist dt a.menu13 {
    width: 66px;
    height: 12px;
	display: block;
	background: url("../images/top_b9.gif") no-repeat left top;
}

.menulist dt a:hover {
	background-position: bottom;
}

.menulist a:hover {
	background-position: bottom;
}

.menulist dt a span  {
	position: absolute;
	left: -28800px;
}

.menulist a span  {
	position: absolute;
	left: -28800px;
}

/* topcontents
---------------------------------------------------------------------- */

#topcontents { 
     clear: both;
	 margin: 0px;
	 padding: 0px;
	 width: 940px;
	 float: left;
	 list-style: none;
}

#topcontents2{ 
	 float: right;
	 margin: 0px;
	 padding: 0px;
	 width: 690px;
}

/* contents
---------------------------------------------------------------------- */

#contents { 
	background-color:#ffffff;
	 float: right;
	 margin: 10px 20px 0px 0px;
	 padding: 0px;
	 width: 690px;
	 display: inline;

}


/* column
---------------------------------------------------------------------- */

#leftcolumn { 
	 margin: 10px 0px 10px 20px;
	 padding: 0px;
	 width: 210px;
	 float: left;
	 background-color:#ffffff;
	 display: inline;

}

#leftbana { 
	 margin: 0px;
	 padding: 10px 0px 0px 0px;
	 width: 210px;
	 float: left;
	 background:url(../images/bg1.gif) ;
}


#rightcolumn { 
	 float: right;
	 margin:0px;
	 padding: 10px 0px 0px 0px;
	 width: 690px;
}

#column {
    margin: 0px;
    padding: 0px;
}

#column dt {
	padding: 0px;
	width: 670px;
	margin: 5px 0px 0px 15px;
	clear: both;
	
}

#column dd {
	padding: 0px;
	margin: 5px 0px 0px 15px;
}

/* box
---------------------------------------------------------------------- */

#box {
	clear: both;
	display:block;
	list-style: none;
	width:512px;
	height:auto;
    margin: 0px;
    padding: 0px;
	background:url(../images/bosyu1_02.gif) ;
}

#box dl {
clear: both;
width:512px;
float: left;
	padding: 0px;
	margin: 0px;
}

#box dt {

	width:487px;
	height:auto;
	float: left;
	display:block;
	padding: 0px 0px 0px 25px;;
	margin: 0px 0px 0px 0px;
	background:url(../images/bosyu1_02.gif) ;
}

#box dd {
	vertical-align:bottom;
	clear: both;
	padding: 0px;
	margin: 0px;
	background:url(../images/bosyu1_02.gif) ;
}

#box dd img{
vertical-align:bottom;
}

/* episode
---------------------------------------------------------------------- */

.episode dt {
	padding: 0px;
	margin: 0px;
	background:url(../images/episode_02.gif) ;
}

.episode dd {
	margin: 0px;
	padding: 10px;
	background:url(../images/episode_02.gif) ;

}

/* info
---------------------------------------------------------------------- */

.info  {
    float: left;
    list-style: none;
    margin: 0px;
	padding: 0px;
     width: 512px;
	 background:url(../images/info_02.gif) ;
}

.info dt {
    
	padding: 3px 3px 3px 40px;
	margin: 0px;
	width: 500px;
	font-size: 12px;
}

.info dd {
background:url(../images/s6.gif) no-repeat left bottom;
    font-size: 12px;
	margin: 0px;
	padding: 5px 5px 5px 30px;

}

/* info2
---------------------------------------------------------------------- */

.info2  {
    float: right;
    list-style: none;
    margin: 0px;
	padding: 0px;
     width: 170px;
	
}

.info2bana { 
	 margin: 0px;
	 padding: 10px 0px 0px 0px;
	 width: 165px;
	 float: left;
	 background:url(../images/bg1.gif) ;
}

/* Blog
---------------------------------------------------------------------- */

.blog  {
    float: left;
    list-style: none;
    margin: 0px;
	padding: 0px;
    width: 512px;
	clear: both;

}

.blog dl {  
	padding: 0px;
	margin: 0px;
	width: 500px;
	font-size: 12px;
}


.blog dd {
    background:url(../images/s10.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	height:25px;
	
}



/* 所有物件
---------------------------------------------------------------------- */
#possession{
	padding:0px;
	left:0px;
	width: 670px;
	list-style:none;
	clear: both;
}

#box2{
	padding:0px;
	margin: 0px;
	float: left;
	width: 657px;
	list-style:none;
	clear: both;
}

#possession dl{
	clear: both;
	margin: 0px;
	padding: 0px;
	left:0px;
	width: 670px;
	height: 50px;
	background:url(../images/m_h1.gif) no-repeat;
}

#possession dl dt{
	float: left;
	padding: 10px 0px 0px 15px;
	width: 320px;
	font-size: 110%;
	font-weight: bold;
	color: #BF4545;
}

#possession dl dd{
	float: left;
	padding: 10px 0px 0px 10px;
	width: 250px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}

#box2 #left{
	float: left;
	padding: 0px;
	width: 320px;

}

#box2 #right{
	float: right;
	text-align: right;
	padding: 0px;
	width: 330px;

}


/* サポート実績
---------------------------------------------------------------------- */
#support{
	padding:0px;
	left:0px;
	width: 670px;
	list-style:none;
	clear: both;
}


#support dl{
	clear: both;
	margin: 0px;
	padding: 0px;
	left:0px;
	width: 670px;
	height: 50px;
	background:url(../images/m_h1.gif) no-repeat;
}

#support dl dt{
	float: left;
	padding: 10px 0px 0px 15px;
	width: 320px;
	font-size: 110%;
	font-weight: bold;
	color: #009F9E;
}

#support dl dd{
	float: left;
	padding: 10px 0px 0px 10px;
	width: 250px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}


/* メルマガ
---------------------------------------------------------------------- */
#mailmaga{
	padding:20px;
	left:0px;
	width: 670px;
	height: 150px;
	list-style:none;
	clear: both;
}

#mailmaga_l{
	padding:15px;
	float: left;
	width: 300px;
	height: 150px;

	background:url(../images/m_h3.gif) no-repeat;
}

#mailmaga_r{
	padding:15px;
	width: 300px;
	float: right;
	height: 150px;
	background:url(../images/m_h4.gif) no-repeat;
}






/* footer
---------------------------------------------------------------------- */


#footer { 
	 width: 690px;
	 clear: both;
	 float: right;
	 color: #333;
	 margin: 0px 20px 0px 0px;
	 padding: 0px;
	 list-style: none;
	 background:url(../images/bg2.gif) ;
	 display: inline;
}

#topfooter { 
	 width: 920px;
	 float: left;
	 color: #333;
	 margin: 10px 20px 0px 20px;
	 padding: 0px 0px 0px 0px;
	 list-style: none;
	 background:url(../images/bg2.gif) ;
	 display: inline;
}


#footercontent {
    clear: both;
    float: right;
	list-style: none;
	width: 680px;
	margin: 0px;
	padding: 0px;

}

#footerleft {
	float: left; 
	width: 300px;
	margin: 0px 0px 0px 0px; 
	padding: 0px;

}

#footerright {
	text-align:left;
	float:right; 
	width: 210px;
	margin: 5px 0px 0px 0px; 
	padding: 0px;
	font-size: 10px;
	list-style: none;

}

#footerright ul {
    float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footerright li {

	height: 13px;
	padding: 0px;
    margin: 0px;
	list-style: none;
}

#footermenu {
    float: left;
	list-style: none;
	margin:0px;
}

#footermenu li {
	float: left;
	padding:8px 5px 5px 15px;
	margin:0px;
	list-style: none;
	background:url(../images/s8.gif) no-repeat left;
}



#footermenu ul {
	padding:0px;
	margin:0px;
	list-style: none;
	
}

#pagetop{
	text-align:right;
	float: right;
	padding:10px;
	height: 20px;
	margin:0px;
}


.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}