/* CSS Document */

/*■初期設定*/

body{
	color:#000000;/*通常のテキストカラー*/
	background:url(img/bg_wall2.gif) white repeat-x center bottom;
	}
a{
	color:#366;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#C90;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
/* img{ border:none;} */
a img{ border:1; border-color:black; !important}
a img:hover{ border:1; border-color:#d0ecfd; !important}
table,div{ margin:auto;}


/*■フォントサイズ調整*/
body {
    font-size: 14px; /* モダンブラウザ */
	line-height:1.5em;
    *font-size: medium; /* IE 7 */
    *font: small; /* IE 6以下 */
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
}

#13px{
	 font-size: 13px;
}


/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}


/*■基本レイアウト*/
#container_line{
	margin:0;
	background:url(img/bg_wall.gif) repeat-x center top;
	}
#container{
	width:828px;
	margin:0px auto 0px;
	text-align:left;
	}


/*ヘッダー*/
#head{
	padding:0;
	}
	
#head h1{
	height:16px;
	line-height:16px;
	font-size:14px;
	color:white;
	font-weight:bold;
	text-indent:0;
	text-align:left;
	}
#head h2{
	margin:6px 0px 0px 0px;
	font-weight:normal;
	text-align:left;
	font-size:15px;
	line-height:24px;
	vertical-align:top;
	text-decoration:none;
	color:white;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
#head h2 a{
	font-size:18px;
	line-height:24px;
	vertical-align:top;
	text-decoration:none;
	color:#FCC;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
#head h2 a:hover{
	font-size:18px;
	line-height:24px;
	vertical-align:top;
	text-decoration:none;
	color:#DCF;
	}

/*メニュー*/
#kanmenu{
	padding:50px 0 0 200px;
	/* padding:150px 0 0 0; */
	height:102px;
	background:url(img/bg_wall4.png) no-repeat;
	}
	
#btn a{
	display: block;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	width: 150px;
	height: 40px;
	line-height: 40px;
	padding:0px;
	background-size: contain;
}

#btn.menu1 a { background:url(img/buttonlite.png) #75d1dc repeat-x center top; margin: 10px 0; }
/*#btn.menu2 a { background:url(img/buttonlite.png) #bb6c34 repeat-x center top; margin: 10px 3px; }
#btn.menu3 a { background:url(img/buttonlite.png) #459274 repeat-x center top; margin: 10px 0; }*/
#btn.menu4 a { background:url(img/buttonlite.png) #102070 repeat-x center top; margin: 10px 3px; }
#btn.menu5 a { background:url(img/buttonlite.png) #df2020 repeat-x center top; margin: 10px 0; }
#btn.menu6 a { background:url(img/buttonlite.png) #df7520 repeat-x center top; margin: 10px 3px; }
#btn.menu7 a { background:url(img/buttonlite.png) #4d1a1a repeat-x center top; margin: 10px 0; }

	
#new_moji{
	text-align:center;
	color:red;
	font-size:10px;
	line-height:10px;
}

#new_moji2{
	text-align:center;
	background-color:red;
	color:white;
	font-size:10px;
	line-height:10px;
}

/* 文字 */
#eda{
	font-size: 12px;
	font-weight:normal;
}

#eda_b{
	font-size: 12px;
	font-weight:normal;
}

#eda_c{
	font-size: 10px;
	font-weight:normal;
}

#eda_d{
	font-size: 9px;
	font-weight:normal;
}

/* 中身 */
#main{
	margin:15px auto 0;
	clear:left;
	padding:0px;
	}
#main:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

h1{
	background:url(img/book.gif) no-repeat;
	width:734px;
	height:33px;
	font-size:17px;
	text-indent:24px;
	line-height:33px;
	color:black;
	margin:0px 0px 0px 0px;
	}
	
h2{
	background:url(img/book.gif) no-repeat;
	width:734px;
	height:33px;
	font-size:17px;
	text-indent:24px;
	line-height:33px;
	color:black;
	margin:30px 0px 20px 0px;
	}
	
h3{	
	background:url(img/ao_bar.gif) repeat-x left bottom;
	margin: 20px 0px 10px 20px; 
	height:30px;
	text-align: left; 
	padding: 2px 10px 2px;
	font-size:16px;
	}
	
h4{
	margin: 10px 0px 10px 5px; 
	width: 300px; 
	text-align: left; 
	padding: 2px 10px 2px;
	font-size:16px;
	background: #FFFFFF;
	moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

	
#aobar{
	background:url(img/ao_bar.gif) repeat-x left bottom;
	margin: 20px auto 10px; 
	height:30px;
	text-align: left; 
	padding: 2px 10px 2px;
	font-size:17px;
	font-weight:bold;
	line-height:30px;
	}

#aobar2{
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	border-bottom:1px solid #517797;
	}
	
#howto{
	width:700px;
	margin:10px auto;
	line-height:1.7em;
	font-size:16px;
	}

#kaicho{
	margin: 20px 0px 10px 10px; 
	text-align: left; 
	font-size:15px;
	}

#reki{
	font-size:15px;
	}

p {
	text-indent: 0em;
	padding-left: 5px;
}

.close {
	display: none;
	}

.open {
	border:solid 1px #ACD;
	margin:10px 0 0 0;
	padding:10px;
	font-size:15px;
	width:200px;
	}

/* 作品メニュー -----*/
#sakumenu {
	margin:0 auto 20px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#ffe5d1; 	
	border:solid 2px #ffe5d1; 	
	moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:20px;
}
#sakumenu a {
  color: #df7520;
}

#sakumenu a.current {
  text-decoration:none;
  color: #000 !important;
}

/* テーブル -----*/
#main table#dot {
	line-height: 130%;
	border-collapse: collapse;
}
#main table#dot th {
	padding: 8px 5px;
	width: 6em;
	text-align: left;
	vertical-align: top;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	background-color: #f5f5f5;
}
#main table#dot td {
	padding: 8px 5px;
	vertical-align: top;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#main table#dot td ul {
	margin: 0px 0px 0px 1.5em;
}
#main table#works {
	border: currentColor;
	width: 600px;
}
#main table#works tr td {
	height: 400px;
	text-align: center;
}
#main table#works tr td img {
	margin: 1em;
	border: 1px solid black;
}

#main table#kiyaku {
	width: 600px;
	line-height: 130%;
	border-collapse: collapse;
}
#main table#kiyaku th {
	padding: 4px 5px;
	width: 6em;
	text-align: left;
	vertical-align: top;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: none !important;
	background-color: #ffffff;
}
#main table#kiyaku td {
	padding: 4px 5px;
	vertical-align: top;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: none !important;
}

.shoreki{
 	width:608px !important;
	margin:0 0 0 20px;
}
/* ----- ここまで ----- */


#list {
	background-color: white;
}
#box {
	margin: 30px 20px 0px;
	padding: 0px 0px 0px;
	width: auto;
	height: 250px;
	float: left;
}
#boxlarge{
	margin: 30px 20px 0px;
	padding: 0px 0px 0px;
	width: auto;
	height: 350px;
	float: left;
}
#img_box {
/*	height: 200px; */
	text-align: center;
	position: relative;
}
#img_box a img{ border:1px solid black; !important}
#img_box a img:hover{ border:1px solid #d0ecfd; !important}

#txt_box {
	font-size: 12px;
}

#gallery {
	float:left;
	width:735px;
	height:1px;
	border-bottom:1px dashed #97c0d9;	
}


#clear {
    clear:both;　/*floatの解除、ここがポイント*/
}

.clear {
	clear:both;
}


/* スライドショー */
caption {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
/*	width: 80%; */
/*	margin: 20px auto; */
/*	float: left; */
}

.theme-default #slider {
    margin:0px auto 0 auto;
	width:500px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:100px;
}

/* ライン */

li{ margin:0 0 0 20px; }

li.dotlines {
	margin: 0 0 0 15px;
	padding: 5px 0 5px 0; 
	width: 705px; 
	text-align: left; 
	border-bottom-color: #202020; 
	border-bottom-width: thin; 
	border-bottom-style: dotted;
	list-style: none;
}

.line{
	margin:10px 0px 0px 0px;
	}


hr.A {	
	width: 100%;
	margin: 0px 0px 0px 0px;
    border: 0;
	border-bottom: 1px solid #c3bdb7;
}

hr.B {	
	width: 100%;
	margin: 29px 0px 0px 0px;
    border: 0;
	border-top: 1px solid #ded8d0;
	border-bottom: 1px solid white;
}

#dash {	
	border-bottom: 1px dashed #333;
}


/* フッター */
#footer{
	width:730px;
	height:74px;
	}

#fmenu{
	height:32px;
	font-size:12px;
	text-align:center;
}

#fmenu a{
	color:#c60 !important;
}

#fmenu a:hover{
	color:#C90 !important;
}

#copy{
	line-height:30px;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	height:30px;
	}


/* 広告表示 */
*{
	margin:0;
	padding:0;
}
.pr_design_box{
	line-height:30px;
	height:30px;
	text-align:center;
	font-size:12px;
	position:relative;
}
.pr_design ul{
}
.pr_design li{
	display:inline;
}
.pr_design_02{
	margin-left:7px;
}
.pr_design_copy{
	position:absolute;
	right:5px;
	bottom:0px;
}

/* フォーム */

/* labelにポイントしたとき、マウスカーソルを変える */
label { cursor: pointer; }
/* フォーム要素 (このクラスを適用すると、左側に20ピクセルの余白を作ります) */
div.form_item { margin-left: 20px; }
/* ボタン (このクラスを適用すると、上側に20ピクセル、左側に80ピクセルの余白を作ります) */
div.form_submit { margin: 20px 0 0 80px; }
/* 必須項目エラーメッセージ */
div.error {
width: 400px;
background-color: #fcc;
padding: 6px;
}
/* 必須 */
span.required { font-weight: bold; }