@charset "utf-8";

/*
	基本CSS
*/



/*---------- 共通１ --------------------*/
*{
	/*font-family:"ＭＳ Ｐゴシック",Osaka,arial,verdana,sans-serif;*/
	font-family: "メイリオ","Meriyo","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
}

body{
	color:#000;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:center;
}

#wrapper{
	width:760px;
	padding:0;
	margin:0 auto;
	text-align:left;
	position:relative;
}


/*---------- 共通２ --------------------*/
a.base:link{ color:#000; text-decoration:none; }
a.base:visited{ color:#000; text-decoration:none; }
a.base:hover{ color:#E73227; text-decoration:underline; }

a:link img{ text-decoration:none; border:none 0px; }

.line200{line-height:200%}
.line130{line-height:130%}

.font100{ font-size:100%; }

.clear{ clear:both; margin:0; padding:0;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*------- トップスタイル --------------*/
#top{
	margin-top:15px;
}

#top #top-content-wrapper{
	width:760px;
}
#top #navi{
	width:200px;
	height:522px;
	float:left;
	background:url(../images/top/top_left_bak.jpg) no-repeat top left;
}

#top #logo{
	width:560px;
	height:522px;
	float:right;
}

#top #navi ul{
	margin:303px 0 0 0;
	padding:0;
}
#top #navi li{
	height:20px;
	list-style:none;
	padding:0;
	margin:0 0 9px 0;
}
#top #navi li img{
	border:0;
	vertical-align:top;
}

#top #footer p.banner{
	width:745px;
	padding:15px 0 0 15px;
	text-align:center;
}

#top #footer p.banner img{
	margin-right:15px;
	border:00;
}

#top #footer p.copyright{
	width:760px;
	padding:25px 0 0 0;
	text-align:right;
}

/*------- コンテンツ基本スタイル --------------*/
#contents-header{
	width:760px;
	height:65px;
}
#contents-header h1{
	height:46px;
	margin:9px 0 0 0;
	float:left;
}

#contents-header ul{
	list-style:none;
	float:right;
	margin:20px 0 0 0;
}
#contents-header ul li{
	float:left;
}

#contents-wrapper{
	width:760px;
	background:url(../images/content_bak.jpg) top left repeat-x;

}

#contents-wrapper p.pagetop{
	width:92%;
	margin:5px 0 25px 31px;
	text-align:right;
}

#contents-footer{
	margin:20px 0 0 0;
}
.footer-back{
	background:url(../images/bak_footer.jpg) top left repeat-x;
}
.footer-noneback{
	background:url(../images/white_spacer.gif) top left repeat-x;
}

#contents-footer p.copyright{
	width:760px;
	padding:15px 0 10px 0;
	text-align:right;
}

/*------- Concept スタイル --------------*/
body#concept #section1{
	width:760px;
	position:relative;
	background:url(../images/concept/title_bak.jpg) top left no-repeat;
}

body#concept #section1 #title{
	float:left;
	width:350px;
	height:500px;
}
body#concept #section1 #right{
	float:left;
	margin:72px 0 0 26px;
	width:350px;
}
body#concept #section1 #right p{
	margin:15px 0 20px 0;
}

body#concept #section2{
	width:696px;
	margin:25px 0 0 33px;
}
body#concept #section2 div.img{
	float:left;
	margin:15px 0 0 0;
	width:402px;
}
body#concept #section2 div.text{
	float:right;
	margin:37px 0 0 0;
	width:294px;
}
body#concept #section2 p{
	padding:15px;
}

body#concept #section3{
	width:696px;
	margin:25px 0 0 33px;
}
body#concept #section3 div.img{
	margin:15px 0 0 0;
	float:right;
	width:385px;
}
body#concept #section3 div.text{
	float:left;
	margin:30px 0 0 0;
	width:311px;
}
body#concept #section3 p{
	padding:15px;
}

/*------- Theme スタイル --------------*/
body#theme #container{
	width:760px;
	height:574px;
	background:#666 url(../images/theme/bak.jpg) top left no-repeat;

}
body#theme h2{
	width:350px;
	height:107px;
}

body#theme #text-container{
	width:639px;
	margin:0 0 0 56px;
	margin-top:38px;
	text-align:left;
	color:#fff;
}

body#theme #text-container p.text{
	color:#fff;
	margin:28px 0 0 32px;
}

/*------- Works スタイル --------------*/
body#works #container{
	width:760px;
}

body#works #title-container{
	float:left;
	width:294px;
	height:500px;
	background:url(../images/works/title_bak.jpg) top left no-repeat;
}


body#works #right-container{
	float:right;
	margin:42px 0 40px 0;
	width:442px;
}

body#works #right-container h3{
	margin:30px 0 0 0;
}

body#works #right-container div.capture-container{
	margin:20px 0 0 0;
}

body#works #right-container div.left{
	float:left;
	text-align:center;
	width:213px;
}

body#works #right-container div.right{
	float:right;
	text-align:center;
	width:213px;
}

body#works #right-container p.works2{
	width:100%;
	text-align:right;
}

/*------- Works2 スタイル --------------*/
body#works2 #container{
	width:760px;
	background:url(../images/works2/title_bak.jpg) top left no-repeat;
	position:relative;

}

body#works2 ul.localNavi{
	position:absolute;
	top:45px;
	left:316px;
}

body#works2 ul.localNavi li{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	margin-right:15px;
}

body#works2 ul.localNavi li img{
	border:0;
}

body#works2 div.right-container{
	margin:20px 0 10px 40px;
	width:710px;
}

body#works2 div.right-container h3{
	margin:0 0 20px 0;
}

body#works2 div.right-container dl dt{
	float:left;
	margin:0 30px 30px 0;
}



/*------- Profile スタイル --------------*/
body#profile #container{
	width:760px;
	background:url(../images/profile/title_bak.jpg) top left no-repeat;

}
body#profile #listtable{
	margin:52px 0 15px 60px;
	border-bottom:2px solid #999;
}
body#profile #listtable th{
	width:100px;
	padding:7px 5px;
	font-weight:normal;
	border-top:1px solid #999;
	vertical-align:top;
	text-align:left;
}

body#profile #listtable td{
	width:520px;
	padding:7px 5px;
	border-top:1px solid #999;
	text-align:left;
}

body#profile #listtable td p{
	padding:0 0 1.5em 1em;
	display:block;
}

body#profile  a.map:link{ color:#000; text-decoration:underline; }
body#profile  a.map:visited{ color:#000; text-decoration:underline; }
body#profile  a.map:hover{ color:#E73227; text-decoration:underline; }

/*------- Map スタイル --------------*/
body#map #container{
	width:760px;
}

body#map #title-container{
	float:left;
	width:294px;
	height:500px;
	background:url(../images/map/title_bak.jpg) top left no-repeat;
}

body#map #right-container{
	float:right;
	margin:55px 0 0 0;
	width:453px;
}

body#map #right-container p{
	margin:15px 0 0 0;
}

/*------- Contact スタイル --------------*/
body#contact #container{
	width:760px;
}

body#contact #title-container{
	float:left;
	width:269px;
	height:365px;
	background:url(../images/contact/title_bak.jpg) top left no-repeat;
}


body#contact #right-container{
	float:right;
	margin:65px 0 15px 0;
	width:460px;
}

body#contact #telfax{
	margin:16px 0 0 0;
}

body#contact #tantou{
	margin:16px 0 0 0;
	text-align:right;
}

body#contact #section2{
	border-top:1px dotted #999;
	margin:20px 0 0 0;
	padding:30px 0 0 0;
}

body#contact #section2 ul{
	width:400px;
	margin:20px 0 20px 10px;
}
body#contact #section2 li{
	float:left;
	list-style:none;
	margin:5px 0 0 0;
	padding-left:12px; 
	width:180px;
	background:url(../images/contact/point.gif) left center no-repeat;	
}