/* ALL */
*{
	padding:0;
}
body{
	margin:0px auto;
	background:url(../img/bodybg.jpg);
	}
.text9{
	font-size:9px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	line-height:18px;
	}
.text{
	font-size:12px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	line-height:18px;
	}
.textb{
	font-size:12px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	line-height:18px;
	font-weight:600;
	}	
.text14{
	font-size:14px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	font-weight:400;
	line-height:22px;
}
.text14b{
	font-size:14px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	font-weight:600;
	line-height:22px;
}
a:link{
	text-decoration:none;
	font-weight:500;
	color:#666;
}
a:hover{
	text-decoration:underline;
	font-weight:500;
	background-color:#FC6;
	color:#F90;
}
a:visited{
	text-decoration:underline
	font-weight:500;
	color:#666;
}
ul{
	padding:0;
}
img{
	border:0;
}
.imgr{
	float:right;
	margin:0 0 20px 20px;
}
/* コンテンツ */

#container{
	margin:0 auto;
	width:800px;
	background:#ffffff;
/*	border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
}
/* ヘッダー */
#header{
	height:65px;
	margin-top:0;
}
h1{
	background-image:url(../img/logo_andstory.gif);
	width:95px;
	height:62px;
	text-indent:-9999px;
	border:0;
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	float:left;
}
h1 a{
	width:95px;
	height:62px;
	display:block;
}
h1 a:hover{
	background-image:url(../img/logo_andstory.gif);
	width:95px;
	height:62px;
}
#header .text{
/*	margin-top:30px;*/
	text-align:right;
}
/* グローバルナビ */
#global_navi{
	margin:0px;
   border-bottom:1px solid #eee;
	clear:left;
}
#gn1{
	background-image:url(../img/menu_01.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
	border:0;
	margin:0;
}
#gn2{
	background-image:url(../img/menu_02.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
	border:0;
	margin:0;
}
#gn3{
	background-image:url(../img/menu_03.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
    border:0;
	margin:0;
	}
#gn4{
	background-image:url(../img/menu_04.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:0;
	border:0;
}
#gn5{
	background-image:url(../img/menu_05.gif);
	width:158px;
	height:19px;
/*	display:block;*/
	text-indent:-9999px;
	float:left;
	margin:0;
	border:0;
}
#gn1:hover{
	background-image:url(../img/menu_01_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
    border:0;
}
#gn2:hover{background-image:url(../img/menu_02_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
    border:0;
}
#gn3:hover{background-image:url(../img/menu_03_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
    border:0;
}
#gn4:hover{background-image:url(../img/menu_04_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
    border:0;
}
#gn5:hover{
	background-image:url(../img/menu_05_ov.gif);
	width:160px;
	height:19px;
	text-indent:-9999px;
	float:left;
    border:0;
}
#gn1_av{
	background-image:url(../img/menu_01_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
	border:0;
	margin:0;
}
#gn2_av{
	background-image:url(../img/menu_02_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
	border:0;
	margin:0;
}
#gn3_av{
	background-image:url(../img/menu_03_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
    border:0;
	margin:0;
	}
#gn4_av{
	background-image:url(../img/menu_04_ov.gif);
	width:160px;
	height:19px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:0;
	border:0;
}
#gn5_av{
	background-image:url(../img/menu_05_ov.gif);
	width:158px;
	height:19px;
/*	display:block;*/
	text-indent:-9999px;
	float:left;
	margin:0;
	border:0;
}
#footer{
	width:800px;
	background-color:#CCC;
	font-size:9px;
	text-align:center;
	line-height:15px;
	float:left;
	}
#footer ul{
	margin:0;
	height:15px;
	margin-bottom:0;
}
#footer li{
	display:inline;
	padding:10px;
}
#footer p{
	margin:0;
	color:#464646;
}
/* top_keyvisual */
#kv{
	background-image:url(../img/top_main.jpg);
	width:800px;
	height:265px;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:-9999px;
    border:0;
	clear:left;
}
/* top_conttents */
#main1{
	background-image:url(../img/top_title_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:465px;
	height:250px;
	margin-top:10px;
	margin-right:10px;
	border:1px solid #CCC;
	float:left;
}
#main1 h2{
	background-image:url(../img/top_title.gif);
	width:315px;
	height:30px;
	text-indent:-9999px;
}
#main2{
	margin-top:10px;
	width:320px;
	height:250px;
	border:0;
	float:left;
}
#main2 h3{
	background-image:url(../img/btn_inquiry.gif);
	width:320px;
	height:95px;
	display:block;
	text-indent:-9999px;
	margin:0px;
	}
h3 a{
	background-image:url(../img/btn_inquiry.gif);
	width:320px;
	height:95px;
	display:block;
}
#main2 p{
	margin:0;
}
#main2 .img{
	background-image:url(../img/toppage_info.gif);
	border:1px solid #CCC;
	border-bottom:0;
	width:315px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin-bottom:0px;
	margin-top:10px;
	}
#main2 .info{
	margin-top:0px;
	padding:5px;
	border:1px solid #CCC;
	width:306px;
	height:110px;
	font-size:12px;
	color:#464646;
}
#main3{
	clear:both;
	width:790px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;
}
#main3 .img{
	background-image:url(../img/top_title_pup.gif);
	background-repeat:no-repeat;
	width:780px;
	height:35px;
	padding-left:10px;
	border-bottom:0;
	text-indent:-9999px;
	margin-bottom:0px;
	margin-top:0;
	}
#main3 .frame{
	margin-top:0;
	margin-left:1px;
	width:260px;
	height:300px;
	border:1px solid #CCC;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	line-height:18px;
	padding-top:20px;
	float:left;
	}

.frame dd{
	margin-left:0;
	margin-top:5px;
}
.frame .site{
	margin-left:0px;
	font-weight:bold;
}
.frame img{
	height:150px;
	overflow:hidden;
	margin:0px auto;
}

#main4{
	background:url(../img/bnr_blog.gif);
	background-repeat:no-repeat;
	width:385px;
	height:200px;
	margin-top:20px;
	margin-right:16px;
	margin-bottom:10px;
	padding-top:50px;
	float:left;
	border:2px solid #CCC;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
#feed{
	margin-top:10px;
	margin-left:10px;
	line-height:1.5;
}
#feed ul{
	margin:0;
	list-style:none;
}
#main5{
	background:url(../img/bnr_info.gif);
	background-repeat:no-repeat;
	width:385px;
	height:250px;
	margin-top:20px;
	margin-right:6px;
	margin-bottom:10px;
	float:left;
	border:2px solid #CCC;
}
#main5 ul{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left:10px;
	font-size:12px;
	list-style:none;
	overflow:scroll;
	height:200px;
}
#main5 li{
	margin-bottom:10px;
}
#main6{
	width:780px;
	clear:both;
	text-align:center;
	margin:20px 0;
}
/* sub_contents */
#header .phrase{
	background-image:url(../img/logocopytext.gif);
	background-repeat:no-repeat;
	width:245px;
	height:10px;
	text-indent:-9999px;
	display:block;
	border:0;
/*	margin-top:10px;*/
	margin-left:10px;
	float:left;
}
#header .subinquiry{
	background-image:url(../img/sub_btn_inquiry.gif);
	width:160px;
	height:60px;
	display:block;
	text-indent:-9999px;
	border:0;
	margin-bottom:2px;
	margin-left:636px;
}

.subinquiry a{
	width:160px;
	height:60px;
	display:block;
}
.subinquiry a:hover{
	background-image:url(../img/sub_btn_inquiry.gif);
	width:160px;
	height:60px;
}
#bl{
	margin:0;
	width:640px;
	float:right;
}
#sub_right{
	background:#FFF;
	width:160px;
	height:800px;
	float:right;
	margin:0
	}
#sub_left{
		background:#FFF;
		height:auto;
	}
#sub_right1000{
	background:#FFF;
	width:160px;
	height:1000px;
	float:right;
	margin:0
	}
#sub_right1000 li{
	list-style-image:url(../img/icon_tri.gif);
	list-style-position:outside;
}
#sub_right1000 p{
	margin-left:0px;
}
ul.rightmenu{
	margin-left:20px;
    padding-top:90px;
	line-height:30px;
}
/* website.html*/
#sub1_main{
	margin:0;
	width:640px;
	float:right;
	background-image:url(../img/website_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#sub1_main h2{
	background-image:url(../img/sub_title_website.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub1_main p{
	padding:0px 10px 0px 50px;
	line-height:20px;
}
#sub1_main .point{
	margin-left:190px;
}	
/* process.html */
#sub2_main{
	margin:0;
	width:640px;
	float:right;
		background:#FFF;
}
#sub2_main h2{
	background-image:url(../img/sub_title_process.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub2_main p{
	padding:0px 50px 0px 50px;
	line-height:20px;
}
#sub2_main table{
	margin-left:50px;
	margin-right:10px;
}
td.text14{
	padding-left:20px;
	line-height:16px;
}
td.text{
	padding-left:20px;
}
.arrow{
	background-image:url(../img/process_arrow.jpg);
	width:37px;
	height:73px;
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
}
#pro1{
	background-image:url(../img/sub_btn_process1.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
#pro2{
	background-image:url(../img/sub_btn_process2.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
#pro3{
	background-image:url(../img/sub_btn_process3.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
#pro4{
	background-image:url(../img/sub_btn_process4.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
#pro5{
	background-image:url(../img/sub_btn_process5.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
#pro6{
	background-image:url(../img/sub_btn_process6.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
#pro7{
	background-image:url(../img/sub_btn_process7.gif);
	background-repeat:no-repeat;
	width:235px;
	height:50px;
	border:0;
	text-indent:-9999px;
}
/* price.html */
#sub3_main{
	margin:0;
	width:640px;
	float:right;
	background:#FFF;
}
#sub3_main h2{
	background-image:url(../img/sub_title_price.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub3_main p{
	margin-left:50px;
	line-height:20px;

}
#sub3_main table{
	width:580px;
	border-collapse:collapse;
    border:1px solid #ccc;
	margin-left:50px;
	margin-right:10px;
}
#sub3_main td{
    border:1px solid #ccc;
	padding:3px 2px 3px 0px;
}
.sub3title{
	margin-left:50px;
	margin-right:10px;
	margin-top:50px;
	border-left:5px solid #57b34b;
	border-bottom:1px solid #57b34b;
	font-size:14px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	font-weight:600;
	line-height:22px;
}
#sub3_main .item{
	background-color:#f0f0f0;
	width:140px;
}
#sub3_main .price{
	width:100px;
	text-align:right;
}
.list2{
	margin-left:70px;
}
.list1{
	margin-left:20px;
}
/* andstory.html*/
*#sub4_main{
	margin:0;
	width:640px;
	float:right;
	background-image:url(../img/andstory_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#sub4_main h2{
	background-image:url(../img/sub_title_andstory.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub4_main p{
	padding:0px 10px 0px 50px;
	line-height:20px;
}
#sub5_main .framephoto{
	margin:20px;
}
#sub5_main .frametext{
	margin:10px 20px;
	border:1px solid #CCC;
}
.frametext .text14{
	margin-left:10px;
}
.m200_text14{
	margin-left:190px;
	font-size:14px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	font-weight:400;
	line-height:22px;
}
#profile{
/*	margin-left:50px;*/
	margin:0px;
	width:640px;
	float:right;
		background:#FFF;
}
#profile p{
	margin-left:50px;
	line-height:20px;
}
#profile table{
	width:580px;
	border-collapse:collapse;
    border:1px solid #ccc;
	margin-left:50px;
	margin-right:10px;
}
#profile td{
    border-bottom:1px dotted #ccc;
	vertical-align:top;
}
#profile .item{
	background-color:#f0f0f0;
	width:140px;
}
#profile ul{
	margin:10px;
}
/* stories.html*/
#sub5_main{
	margin:0;
	width:640px;
	float:right;
		background:#FFF;
}
#sub5_main h2{
	background-image:url(../img/sub_title_stories.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub5_main p{
	padding:0px 10px 0px 0px;
	line-height:20px;
}
/* sitemap.html*/
#sub6_main{
	margin:0;
	width:640px;
	float:right;
		background:#FFF;
}
#sub6_main h2{
	background-image:url(../img/sub_title_sitemap.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub6_main p{
	padding:0px 10px 0px 50px;
	line-height:20px;
}

ul.sm{
	margin-left:200px;
	margin-top:0px;
}
/* mail.html*/
#sub7_main{
	margin:0;
	width:640px;
		background:#FFF;
	float:right;
}
#sub7_main h2{
	background-image:url(../img/sub_title_inquiry.gif);
	width:640px;
	height:40px;
	text-indent:-9999px;
	margin-top:30px;
	margin-bottom:30px;
}
#sub7_main p{
	padding:0px 10px 0px 50px;
	line-height:20px;
}
#sub7_main td{
	vertical-align:top;
}