@charset "UTF-8";

/*BOOK基本フォーマット　ここから------------------------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	font-style:normal;
	font-weight:normal;
	
	/*cellspacing:0;
	cellpadding:0;
	border:0;*/
}

/*div,dl,dt,dd,p,ul,li,table,img{
	margin: 0px;
	padding: 0px;
}*/

ul,li{
	list-style-type:none;/*中黒を表示しない*/	
}

strong{
	color:#F60;
}

em{
	color:#740;
	font-style:normal;
	font-weight:bold;
}

h1{
	font-size:1em;
	line-height:1.5em;/*IE5で英字の上下が切れる不具合を避けるため行間を指定*/
}

h2{
	font-size:1em;
	line-height:1.5em;
}

h3{
	color:#888;
	font-size:0.9em;
}

img{
    border-style:none;/*リンク画像の枠線を表示させない*/
}

a{
	text-decoration:none;
	color:#740;
}

a:link{
	font-weight:bold;
}

a:hover{/*ポイント時のリンク*/
	color:#F90;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#CCCCCC;
	position:relative;/*相対的配置*/
}

#pageBody{
	width:800px;	
	margin:auto;/*左右のマージンが等しくなり、全体を中央寄せにできる*/
	margin-top:0px;
	margin-bottom:0px;
	font-size:0.8em;
}

#menu{
	background-image:url(images/base/book/gray.jpg);
	background-repeat:repeat-y;
	padding-top:5px;
	line-height:1em;
}

#menu li{
	float:left;
}

/*#menu1{
	background-image:url(images/base/book/menu/menu_top.jpg);
	width:88px;
	height:68px;
}
#menu2{
	background-image:url(images/base/book/menu/menu_profile.jpg);
	width:89px;
	height:68px;
}
#menu3{
	background-image:url(images/base/book/menu/menu_gallery.jpg);
	width:88px;
	height:68px;
}
#menu4{
	background-image:url(images/base/book/menu/menu_memo.jpg);
	width:89px;
	height:68px;
}
#menu5{
	background-image:url(images/base/book/menu/menu_contact.jpg);
	width:88px;
	height:68px;
}
#menu6{
	background-image:url(images/base/book/menu/menu_link.jpg);
	width:89px;
	height:68px;
}*/

#pageText{
	background-image:url(images/base/book/base.jpg);
	background-repeat:repeat-y;
	padding-top:110px;
	padding-bottom:10px;
}

/*左サイドメニュー*/
.sidemenu{
	float:left;
	width:140px;/*左メニューの幅を指定*/
	text-align:center;/*項目を中央揃え*/
}

.sidemenu_t{
	clear:both;/*tableのサイドメニューは回り込み解除*/
	width:140px;/*左メニューの幅を指定*/
	text-align:center;/*項目を中央揃え*/
}

/*.sidemenu img{
	margin-left:40px;
}*/

/*右本文*/
.textBlock{
	margin:0px;
	padding-top:10px;
	padding-bottom:20px;
}

.text{
	margin-left:220px;
	margin-top:0px;
	width:500px;
	/*vertical-align:top;文字を上揃え*/
	}


/*copyright*/
address{
	background-image:url(images/base/book/gray.jpg);
	background-repeat:repeat-y;
	padding-bottom: 20px;
	text-align:center;/*文字列中央揃え*/
	color:#999;
	font-style:normal;
	clear:both;
}

/*#pageBottom{
	background-image:url(images/base/book/gray.jpg);
	background-repeat:repeat-y;
}*/
	
/*BOOK基本フォーマット　ここまで*/


/*top用　ここから------------------------------------------------------------------------------------------*/


#topPageBody{
	width:1095px;	
	margin:auto;/*左右のマージンが等しくなり、全体を中央寄せにできる*/
	font-size:0.8em;
	background-color:#EEEFEF;
}

#top_left{/*メニューとメイン画像の塊*/
	float:left;
	width:672px;
	height:788px;
}

#top_right{/*更新日、shedule、newsの塊*/
	float:right;
	width:423px;
	height:788px;
}

#top{/*#top_leftと#top_rightの塊　※塊にしないと、この下のtwitterの表記に不具合が生ずる*/
	width:1095px;
	height:788px;
	clear:both;
}

#topmenu li{
	font-size:0;/*画像のまわりにできる余白を消すための仕様*/
	padding-top:53px;/*メニューの上に余白*/
	float:left;
}

#top img{
	font-size:0;/*画像のまわりにできる余白を消すための仕様*/
}

#book_top{
	clear:both;/*何か(clearやfloat等)記述しなければIE5.2で画像が表示されない*/
}

#book_left{/*gifアニメの左画像*/
	float:left;
	display:inline;
}

#gif_anime{/*gifアニメ*/
	clear:both;
}

#top_last_update{
	margin-top:10px;/*上部に余白を入れる*/
	background-image:url(images/top/last_update.jpg);
	background-repeat:no-repeat;
	width:423px;/*画像の縦横サイズ設定*/
	height:52px;
}

#last_update{
	width:135px;/*画像サイズに合わせてテキスト範囲指定 423-288(左余白分)=135px*/
	height:35px;/*52(画像の高さ)-17(文字のpadding-top)=35px*/
	padding-top:17px;
	padding-left:288px;
	color:#630;
}

#top_schedule{
	background-image:url(images/top/top_schedule.jpg);
	background-repeat:no-repeat;
	width:423px;/*画像の縦横サイズ設定*/
	height:341px;
	
	
	/*position:relative;div全体にリンクを貼るために位置を絶対配置にする*/
	/*width:383px;画像サイズに合わせてテキスト範囲指定 423-40=383px*/
	/*height:273px;341(画像の高さ)-68(文字のpadding-top)=273px*/
	/**/
}

#schedule{/*schedule.htmlへのリンク範囲*/
	width:423px;/*画像の縦横サイズ設定*/
	height:75px;
	display:block;
}

#schedule_text{
	width:383px;/*画像サイズに合わせてテキスト範囲指定 423(画像の幅)-40(左右の余白)=383px*/
	height:266px;/*341(画像の高さ)-75(#sheduleのheight)=266px*/
	padding-left:35px;
}


#top_news{
	background-image:url(images/top/top_news.jpg);
	background-repeat:no-repeat;
	width:423px;/*画像の縦横サイズ設定*/
	height:385px;
}

#news{
	width:423px;
	height:60px;
	display:block;	
}

#news_text{
	width:383px;/*画像サイズに合わせてテキスト範囲指定 423(画像の幅)-40(左右の余白)=383px*/
	height:325px;/*385(画像の高さ)-60(#newsのheight)=325px*/
	padding-left:35px;
}


/*top用　ここまで*/


/*profile用　ここから------------------------------------------------------------------------------------------*/

/*著者近影*/
#portrait{
	position:absolute;/*絶対的配置　画像の位置を固定*/
	top:100px;
	left:600px;
}


#profile .table{
	width:510px;
}

#profile .nen{
	width:50px;
	vertical-align:top;/*文字を上揃え*/
	text-align:center;/*文字を中央揃え*/
	color:#633;
}
/*profile用　ここまで*/

/*gallery用　ここから------------------------------------------------------------------------------------------*/

#gallery_main a{
	text-decoration:none;
	color:#000;
}

#gallery_main a:link{
	
	font-weight:normal;
}

#gallery_main a:hover{/*ポイント時のリンク*/
	color:#F90;
}

#gallery_main .textBlock img{
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

#gallery_main .space{
	width:80px;/*左メニューの幅を指定*/
}

#gallery_main th.sidemenu_t{
	/*clear:both;*/
	vertical-align:top;
	/*vertical-align:middle;*/
}

#gallery .sidemenu{
	vertical-align:top;
}

#gallery .space{
	width:80px;/*左メニューの幅を指定*/
}

/*#gallery .sidemenu{
	float:left;
}*/

/*#gallery .text img{
	padding-right:10px;画像とテキストの間を開ける
	float:left;
}*/

#gallery .textBlock td{
	/*overflow:hidden;テキストを画像の下に回り込ませないための設定*/
	/*padding-bottom:20px;*/
}

/*#gallery .pict{
	text-align:center;	
}*/

/*#gallery .comment{
	overflow:hidden;
}*/

#gallery .work img{
	margin-right:10px;
}

#gallery .work p{
	display:table-cell;
	vertical-align:bottom;
/*overflow:hidden;*//*テキストを画像の下に回り込ませないための設定*/
}

#gallery .text img{/*白地に白デザインのとき境界線がなくなるので灰色の枠線をつける*/
	border-style:solid;	
	border-color:#CCC;
	border-width:1px;
}


/*for IE6 */
* html .work p {
	display:inline;/*ブロック要素からインライン要素に変換*/
	zoom:1;/*IEのみに適用の意*/
}

/*for IE7 */
*:first-child+html .work p {
	display:inline;
	zoom:1;
}


/*gallery用　ここまで*/


/*memo用　ここから------------------------------------------------------------------------------------------*/

#memo .sidemenu{
	float:left;
}

#memo #pageText{
	/*height:600px;*/
}

.memo_table{
	border-collapse:collapse;/*隣接する枠線を重ねる*/
}

.memo_table td{
	border-style:solid;
	border-width:1px;	
	border-color:#666;
	padding:5px;
}

.gazai_koumoku{
	background-color:#EEE;
	text-align:center;
}

.gazai_name{
	background-color:#FFC;
	text-align:center;
}

.soft_koumoku{
	width:70px;
	background-color:#EEE;
	text-align:center;
}

.soft_name{
	width:150px;
	background-color:#FFC;
	text-align:center;
}

.hearing_koumoku{
	width:100px;
	background-color:#EEE;
	text-align:center;
}

.hearing_name{
	width:170px;
	background-color:#FFC;
	text-align:center;
}
/*memo用　ここまで*/


/*contact用　ここから------------------------------------------------------------------------------------------*/
#contact .button{
	text-align:center;
}
#contact_kanryou{
	background-color:#fff;
	text-align:center;
}

#contact_kanryou2{
	padding-top:50px;
}

#contact_kanryou2 p{
	padding-bottom:20px;
}

/*.sidemenu_t img{
	margin-left:40px;
	float:left;
}

#submit{
	margin-top:15px;
	margin-left:180px;
}

#reset{
	margin-left:10px;
}
*/

/*忍者メールフォームここから*/

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#contact_top {
	background-image:url(images/base/book/base.jpg);
	padding-left:220px;	
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#contact_top .main {

}

/*メールフォームのタイトルを囲っているタグのclass*/
#contact_top .title{
	
}

/*メールフォームの説明文を囲っているタグのclass*/
#contact_top .explain {
	padding-bottom:20px;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#contact_top .name_top {

}

/*『name』パーツの表示名を囲っているタグのclass（[ name ]の部分）*/
#contact_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#contact_top .name_right {

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#contact_top .name_parts {
	width:300px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#contact_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ e-mail ]の部分）*/
#contact_top .mail_left{

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#contact_top .mail_right {
	
}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#contact_top .mail_parts {
	width:300px;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#contact_top .title_top {

}

/*『title』パーツの表示名を囲っているタグのclass（[ title ]の部分）*/
#contact_top .title_left{

}

/*『title』パーツの入力項目を囲っているタグのclass*/
#contact_top .title_right {

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#contact_top .title_parts {
	width:300px;
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#contact_top .url_top {

}

/*『url』パーツの表示名を囲っているタグのclass（[ URL ]の部分）*/
#contact_top .url_left{

}

/*『url』パーツの入力項目を囲っているタグのclass*/
#contact_top .url_right {

}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#contact_top .url_parts {
	width:300px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#contact_top .textarea_top {

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ message ]の部分）*/
#contact_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#contact_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#contact_top .textarea_parts {
	width:470px;
	height:250px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#contact_top .submit {
	padding-bottom:20px;
}

/*メールフォームの送信ボタンのclass*/
#contact_top .submit_button {

}

/*エラーメッセージを囲っているタグのclass*/
#contact_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#contact_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#contact_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#contact_top .result {
	color:#F60;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#contact_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#contact_top .result_submit_button {

}

/*忍者メールフォームここまで*/
/*contact用　ここまで*/

/*link用　ここから------------------------------------------------------------------------------------------*/
#link .sidemenu{
	float:left;
}

#link .text img{
	padding-right:10px;/*画像とテキストの間を開ける*/
	float:left;
}

#link .comment{
	overflow:hidden;/*テキストを画像の下に回り込ませないための設定*/
}
/*link用　ここまで*/

/*gimmick用　ここから------------------------------------------------------------------------------------------*/
#gimmick img{
	padding-right:10px;/*画像とテキストの間を開ける*/
}

#gimmick .size-list p{
	display:table-cell;
	vertical-align:bottom;
	padding-bottom:10px;
}

/*for IE6 */
* html .size-list p {
	display:inline;/*ブロック要素からインライン要素に変換*/
	zoom:1;/*IEのみに適用の意*/
}

/*for IE7 */
*:first-child+html .size-list p {
	display:inline;
	zoom:1;
}


/*gimmick用　ここまで*/