/*
	SITE: 
	NAME: structure.css
	DESCRIPTION: サイト構造定義
*/

/* == CONTENTS ================================================================

	0: RESET PLUS (RESET DEFAULT BROWSER STYLING)
	1: GENERAL (BODY+CONTAINER)
	2: HEADER
	3: NAVIGATION
	4: LAYOUT SETS
	5: CONTENT
	6: MENU
	7: FOOTER
	8: EXTRA

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


/* 0: RESET PLUS ----------------------------------------------------------- */

html {
    overflow-y: scroll;
}

/* 1: GENERAL -------------------------------------------------------------- */

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    text-align: center;
    background-image: url(../img/header_bg.jpg);
    background-repeat: repeat-x;
}
body div {
    text-align: left;
    margin: 0 auto;
}
#container {
    width: 1000px;
    text-align: center;
    background-image: url(../images/main_bg.jpg);
    background-repeat:repeat-y;

}
/* 2: HEADER --------------------------------------------------------------- */

#header {
    width: 1000px;
    height: 210px;
    margin:0;
    padding:0;
}

/* 3: NAVIGATION ----------------------------------------------------------- */

#menu {
    clear:both;
    width: 1003px;
    height:54px;
    margin:0;

}


/* 4: LAYOUT SETS ---------------------------------------------------------- */

#header,#menu,#footer {
    position: relative;
}

#content {
    width: 1010px;
    display: inline;
}


/* 5: CONTENT -------------------------------------------------------------- */

#content {
    clear:both;
    overflow: hidden;
}

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

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


#content-inner {
}

#content p {
    font-size:80%;
    line-height: 18px;
    _line-height: 17px;
    padding: 5px 0 15px 0;
}

#newsh2 h2{
    width:730px;
    clear:both;
    margin:20px 0 0 0;
    border-left:solid 1px #2D4B9B;
    border-right:solid 1px #2D4B9B;
    border-top:solid 1px #2D4B9B;
}

#news{
    width:730px;
    clear:both;
    font-size:90%;
    margin:0 0 20px 0;
    padding:5px 0 10px 0;
    border-left:solid 1px #2D4B9B;
    border-right:solid 1px #2D4B9B;
    border-bottom:solid 1px #2D4B9B;
   height: 10em;
   overflow: scroll;
   overflow-x:hidden;
}



#news dl {
    border-bottom: 1px dotted #CCCCCC;
    overflow: hidden;
    padding: 8px 0 8px 0;
    font-size:12px;
}

#news dt {
    float: left;
    width: 120px;
    font-weight: bold;
    margin:0 0 0 20px;
}

#news dd {
    float: left;
    width: 550px;
}


#photolist{
}

#photolist ul{
}

#photolist li{
    float:left;
    margin:0 0 10px 3px;
}

#photolist img{
    border:solid #cccccc 1px;
    padding:2px;
}
    
#shopping_guide{
    width:730px;
    clear:both;
    font-size:90%;
    margin:20px 0 20px 0;
    padding:0 0 5px 0;
    border:solid 1px #cccccc;
}

#shopping_guide h3{
    margin:2px 0 10px 2px;
}  

#shopping_guide h4{
    margin:10px 0 10px 20px;
    color:#008034;
} 

#shopping_guide span{
    color:#B1D83B;
}

.soryou table{
    font-size:10px;
    border:solid 1px #CCC;
    margin:0 0 0 5px;
}

.soryou th{
    background:#F1F1F2;
    width:56px;
    padding:3px 0;
    border:solid 1px #CCC;
    text-align:center;
    font-weight:normal;
}

.soryou td{
    padding:5px 0;
    border:solid 1px #CCC;
    text-align:center;
}

#shopping_guide p{
    padding:0 0 10px 27px;
}

.zei{
    width:720px;
    text-align:right;
    font-size:10px;
    margin:5px 10px 0 0;
}

.border{
    margin:5px auto;
    text-align:center;
}

#daibiki table{
    text-align:left;
    font-size:12px;
    margin:5px 10px 0 30px;
}

#daibiki th{
    background:#F1F1F2;
    padding:5px 30px 5px 5px ;
    border:solid 1px #CCC;
    text-align:left;
    font-weight:normal;
}

#daibiki td{
    padding:5px 30px 5px 5px ;
    border:solid 1px #CCC;
    text-align:left;
}

#syuri table{
    text-align:left;
    font-size:12px;
    margin:5px 10px 25px 30px;
}

#syuri th{
    width:170px;
    background:#F1F1F2;
    padding:8px 5px ;
    border:solid 1px #CCC;
    text-align:left;
    font-weight:normal;
}

#syuri td{
    width:490px;
    padding:8px 5px ;
    border:solid 1px #CCC;
    text-align:left;
}


.ryokinhyo table{
    text-align:left;
    font-size:12px;
    margin:5px 10px 10px 30px;
}

.ryokinhyo th{
    width:180px;
    background:#F1F1F2;
    padding:8px 5px ;
    border:solid 1px #CCC;
    text-align:left;
    font-weight:normal;
    vertical-align:middle;
}

.ryokinhyo td{
    width:420px;
    padding:8px 5px ;
    border:solid 1px #CCC;
    text-align:left;
    vertical-align:middle;
}

.ryokinhyo caption{
    text-align:left;
    font-weight:bold;
    font-size:14px;
    margin:10px 0 5px 0;
}

#syurimeyasu table{
    text-align:left;
    font-size:12px;
    margin:5px 10px 10px 5px;
}

#syurimeyasu th{
    width:180px;
    background:#F1F1F1;
    padding:8px 5px ;
    border:solid 1px #CCC;
    text-align:left;
    font-weight:normal;
    vertical-align:middle;
}

#syurimeyasu td{
    width:100px;
    padding:8px 5px ;
    border:solid 1px #CCC;
    text-align:left;
    vertical-align:middle;
}




/* 6: MENU ----------------------------------------------------------------- */

#leftmenu {
    float:left;
    width: 230px;
    height:852px;
    margin:10px 0 0 3px;
    padding:0;
    background-image: url(../images/side.jpg);
    background-repeat: no-repeat;
}

#leftmenu-inner {
    margin: 30px 20px 0 20px;
}

#leftmenu li{
    width: 190px;
    height:25px;
    font-size:90%;
    margin:0;
    padding:10px 0 0 30px;
    background-image: url(../images/sidebotan.jpg);
    background-repeat: no-repeat;
}


.linkspan{
    font-weight:bold;
    color: #036EB7;
}



/* 7: FOOTER --------------------------------------------------------------- */

#footer {
    clear: both;
    height: 89px;
    background-image: url(../img/footer_bg.jpg);
    background-repeat:repeat-x;
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#footer_w{
    clear: both;
    width:1000px;
	margin:0 auto;
}


#footer_title p{
    text-align:left;
    font-size:10px;
    margin:0 0 0 50px;
}

#footer_contact{
    width:184px;
    margin:10px 0 0 50px;
}

#footer_list01{
	float:left;
    width:800px;
    padding:15px 0 20px 0 ;
    font-size:12px;
}


#footer_list01 ul li{
	float:left;
	margin:10px 0 ;
}

#footer_list02{
	float:left;
    width:200px;
    padding:10px 0 0 0 ;
	text-align:right;
}



#copyright {
    clear:both;
	margin:5px 0 0 0;
    padding:0 0 0 0;
    text-align:center;
    font-size:12px;
    color:#FFF;
}

#copyright a {
    color: #c0b728;
}


/* TOP PAGE ------------------------------------------------------------- */

#top_info{
    float:left;
    width: 260px;
    padding:0;
    margin: 15px 5px 0 0;
}

#top_info-inner{
    margin-top: .5em;
    padding: 10px 10px 10px 20px;
}


#top_info img{
    margin:0 0 3px 0;
}

#top_info a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#top_info p{
    width:250px;
    margin:0 0 0 5px;
    padding:1px;
    font-size:80%;
}

#top_info_intro{
    margin:10px 0 10px 0;
    padding:10px 3px 10px 3px;
    width:228px;
    border:solid 4px #99cc00;
    text-align:center;
}

#top_info_intro h3{
    margin:0 0 5px 0;
    font-weight:bold;
    font-size:14px;
}

#top_info_intro p{
    width:223px;
    font-size:12px;
    text-align:left;
    line-height: 100%;
    color:#666;
}

#top_side_products{
    margin:10px 0 20px 0;
    padding:0 0 20px 0;
    width:252px;
    border:solid 1px #cccccc;
    text-align:center;
	background-color:#F6F6F6;
}

#top_side_products ul{
	margin:0 0 0 10px;
}

#top_side_products ul li{
    width:240px;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	font-size:12px;
}



#top_info_contact{
    margin:10px 0 30px 0;
    padding:0;
    width:253px;
    border:solid 1px #425DA5;
    text-align:center;
}


#top_info_contact img{
    margin:0;
    padding:0;
}

#top_info_contact h3{
}

#top_info_contact p{
    width:223px;
    font-size:12px;
    text-align:left;
    line-height: 100%;
    color:#666;
}

#r_map{
    text-align:left;
    margin:5px;
}

#r_bunner{
    margin:10px 0;
}

.r_bunner li{
    margin:10px 0;
    text-align:center;
    fonr-size:9px;
}
.small{
	font-size:11px;
	padding:10px;
}

.r_bunner a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

#r_bunner2{
    margin:10px 0;
}

.r_bunner2 li{
    margin:10px 0;
}


.r_bunner2 a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


#r_bunner3{
    margin:20px 0;
}

#r_bunner3 li{
    float:left;
    width:120px;
    height:140px;
    font-size:10px;
}

#r_bunner3 img{
    border:solid 1px #cccccc;
}

.r_text{
    text-align:right;
}

.mapemail{
    margin:10px 0;
    text-align:center;
}

.mapemail a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

.mapinfo{
    margin:5px 5px 10px 5px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#2C4B99;
}

span{
    color:#2D4B9B;
    font-weight:bold;
}

#top_info_eigyo{
    margin:10px 0 20px 0;
    padding:0 3px 20px 0;
    width:231px;
    border:solid 4px #99cc00;
    text-align:center;
}

#top_info_eigyo h3{
    width:234px;
    margin:0 0 10px 0;
}


#top_info_main{
    width: 700px;
    height:250px;
    clear: both;
}

#top_text{
    float:right;
    width: 730px;
    margin: 15px 0 0 0;
}

#top_text p{
    margin:5px 5px 5px 5px;
    line-height:150%;
    letter-spacing:1px;
    font-size:14px;
}

#top_text a:link {
	text-decoration:underline;
	color:#000099;
	font-weight:bold;
}

#top_text a:visited {
	text-decoration:underline;
	color:#000099;
	font-weight:bold;
}

#top_text a:hover {
	text-decoration: none;
	color:#000099;
	font-weight:bold;
}

#top_products{
	margin:0 0 30px 0;
	padding:20px;
	width:690px;
	height:390px;
	background-image:url(../img/bg_products.jpg);
	background-repeat:no-repeat;
}

#top_products2{
	margin:0 0 30px 0;
	padding:20px;
	width:690px;
	height:220px;
	background-image:url(../img/bg_products.jpg);
	background-repeat:no-repeat;
}

#top_products a:hover img{
opacity:0.6;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=60 )";
}

#top_products2 a:hover img{
opacity:0.6;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=60 )";
}

#top_products ol{
	clear:both;
	margin:0 0 10px 0;
}

#top_products ol li{
	margin:0 5px 10px 5px;
	float:left;
}

#top_products2 ol{
	clear:both;
	margin:0 0 10px 0;
}

#top_products2 ol li{
	margin:0 5px 10px 5px;
	float:left;
}

#top_products ul{
	margin:10px 0 0 0;
	clear:both;
}

#top_products ul li{
	margin:5px 0 10px 10px;
	list-style-type: disc;
	font-size:14px;
}


#top_products2 ul{
	margin:10px 0 0 0;
	clear:both;
}

#top_products2 ul li{
	margin:5px 0 10px 10px;
	list-style-type: disc;
	font-size:14px;
}

#top_products a:link {
	text-decoration:underline;
	color:#000099;
	font-weight:bold;
}

#top_products a:visited {
	text-decoration:underline;
	color:#000099;
	font-weight:bold;
}

#top_products a:hover {
	text-decoration: none;
	color:#000099;
	font-weight:bold;
}




/* 2nd PAGE ------------------------------------------------------------- */
#top2_text{
    float:left;
    width: 730px;
    margin: 17px 0 0 10px;
}

#top2_text h2{
    clear:both;
}

.top2 h3{
    clear:both;
    width: 730px;
    height:30px;
    background-color:#090;
    color:#FFF;
    text-align:left;
    padding:10px 0 0 10px;
    margin:20px 0 20px 0;
}

#top2_text p{
    margin:5px 20px 5px 20px;
    line-height:150%;
    letter-spacing:1px;
    font-size:14px;
}

#top2_text ul{
    margin:20px 0;
}

#top2_text li{
    width: 530px;
    margin:5px 0 20px 40px;
    padding:0;
    line-height:130%;
    font-size:14px;
    font-weight:normal;
    list-style-type: square;
}

.top2_text{
    margin:20px 20px 20px 40px;
    font-size:14px;
}

dl.top2_text dt{
  clear: left;
  float: left;
  width: 7em;
  font-weight:bold;
}

dl.top2_text dd{
  margin-left: 7em;
  margin-bottom: 10px;
  zoom: 1;
}

.top2_text2{
    margin:20px 20px 20px 40px;
    font-size:14px;
}

dl.top2_text2 dt{
  font-weight:bold;
  margin-bottom: 10px;
}

dl.top2_text2 dd{
  margin-bottom: 20px;
}

#qa{
  width:680px;
  font-size:14px;
  margin:20px ;
}

#qa hr{
	border-bottom:dotted #CCC 1px;
}

#qa li{
  margin:10px 0;
}

#qa dl{
	border-top:dotted #CCC 1px;
	border-bottom:dotted #CCC 1px;
	padding:10px 0;
}

#qa dt{
  height:27px;
  background-image:url(../img/q.jpg);
  background-repeat:no-repeat;
  background-position:left center;
  padding:10px 0 0 50px;
}

#qa dd{
  background-image:url(../img/a.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  padding:10px 0 0 50px;
  margin:10px 0 0 0;
}

.pagetop{
	clear:both;
	text-align:right;
	margin:10px 0;
	font-weight:normal;
}


#privacy{
  width:670px;
  font-size:14px;
}


#sitemap{
    width:500px;
	clear:both;
	margin:40px 20px 40px 40px;
}

#sitemap dl{
	font-weight:normal;
	font-size:14px;
}

#sitemap dt{
	margin:20px 0;
	font-weight:normal;
}

#sitemap dd{
	margin:10px 0 10px 40px ;
}

#privacy_info{
  width:720px;
	clear:both;
	margin:20px auto;
	background-color:#9CF;
	padding:5px 0 0 0;
}

#privacy ol{
  margin: 20px 0;
}

#privacy ol li{
  list-style-type: decimal;
  margin:0 0 20px 10px;
}


#GoogleMap {
	width: 220px;
	height: 200px;
	padding: 1px;
	border: #F8F6F0 1px solid;
	margin: 0;
    text-align:center;
}

#GoogleMap2 {
	width: 400px;
	height: 300px;
	padding: 1px;
	border: #F8F6F0 1px solid;
	margin: 0;
    text-align:center;
}

#mainarea_text{
    width: 910px;
    padding:0;
    position:relative;
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#mainarea_text-inner{
    margin-top: .5em;
    padding: 10px 10px 10px 20px;
}

#mainarea_text p{
    width: 580px;
    margin:10px 0 20px 40px;
    padding:0;
    font-size:90%;
    line-height:180%;
}

#mainarea_left{
    width: 670px;
    float:left;
    margin:0 0 50px 0;
}

#mainarea_right{
    float:left;
}


#main_title{
    float:left;
    width: 652px;
    margin:5px 0 0 15px;
    padding:0;
}

#main_title h1{
    margin:0;
    padding:0;
}

#main_text{
    float:left;
    width: 652px;
    margin:10px 0 0 15px;
    padding:20px 0 40px 0;
    background-color:#FFF;
}

#main_text p{
    width: 580px;
    margin:0 0 20px 30px;
    padding:0;
    font-size:90%;
    line-height:180%;
}

#main_text dt{
    font-family: "メイリオ", "Meiryo";
    font-size:100%;
    font-weight:bold;
    color:#333;
    width: 600px;
    height:40px;
    margin:10px 0 0 25px;
    padding:0;
    clear: both;
    background-image: url(../images/hr.jpg);
    background-repeat: no-repeat;
}

#main_text dd{
    width: 580px;
    margin:0 0 70px 40px;
    padding:0;
    font-size:90%;
}

#main_text table{
    width: 580px;
    margin:0 0 40px 40px;
    padding:0;
    font-size:90%;
}

#main_text th{
    width: 200px;
    background-color:#ededed;
    text-align:left;
    padding:10px 0 10px 10px;
    border:solid #999 1px;
    vertical-align:top;
}

#main_text td{
    text-align:left;
    padding:10px 0 10px 10px;
    border:solid #999 1px;
}

.left_l{
    float:left;
    width: 200px;
}

.right_r{
    float:left;
    padding:10px 0 0 0;
}

.kanren{
    padding:4px 5px;
    border-color:#0B0099;
    border-width:0 0 0 6px;
    border-style:solid;
    font-weight:bold;
}

#company_info{
    width:700px;
    margin: 0 0 0 25px;
}

#company_info table{
    font-size:90%;
}

#company_info th{
    border:1px solid #ccc;
    width:180px;
    padding:10px;
    margin:5px;
    text-align:left;
    background:#ededed;
    vertical-align:top;
}

#company_info td{
    border:1px solid #ccc;
    width:480px;
    padding:10px;
    margin:5px;
    text-align:left;
}

#company_info em {
	color: #FF0000;
    font-weight:normal;
}
#company_info .submit {
	margin: 10px 0 10px 0;
	text-align: center;
}

#photography_list{
    width:570px;
    margin:20px 0 20px 15px;
}

#photography_list li{
    width:270px;
    float:left;
    list-style:none;
    margin:0 5px 10px 5px ;
    padding:0;
}

#photography_list img{
    border:solid 1px #CCC;
}

#photography_list img{
    border:solid 1px #CCC;
}