@charset ”UTF-8”;


/*********************************
http://www.karagoda.com/
style.css
*********************************/

/*****　タグ初期化　*****/

* {
	margin:0;
	padding:0;
}

p{
	 margin: 0;
	 padding: 0;
}

h1,h2,h3,h4,h5,h6{
	 margin: 0;
	 padding: 0;
}

ul,li{
	 margin: 0;
	 padding: 0;
	 list-style: none;
}

table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  text-align:center;
}

/*********************************
　共通
*********************************/
body{
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align:center;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size:14px;
	color: black;
	line-height: 160%;
	white-space: normal;

}

br {
	letter-spacing: 0px;
}

img {
	border:none;
	vertical-align:bottom;
}/*CSS hack*/

p{
	text-align: justify;
	text-justify: distribute;
}

/* link-------------------------------------------------------- */
   a:link {	color: #32cd32;	text-decoration: underline;	border: none;	}
   a:visited {  color: #2e8b57;  text-decoration: underline;	border: none;  }
   a:hover {  color: #FF9900;  text-decoration: underline;	border: none;  }
   a:active {  color: #FF9900;  text-decoration: underline;	border: none;  }
   a img{	border: none;   }
/* ------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6{
	line-height:160%;
}

h1 {
	font-size:24px;
	color: #333;
	text-align:center;
}

h2 {
	font-size:16px;
	color: #333;
	text-align:left;
}

/*********************************
　構造
*********************************/


#contents{
	width: 720px;
	margin: auto;
	text-align: left;
	position: relative;
	padding-bottom:40px;
}

#header {
	width:720px;
	position:absolute;
	top:40px;
}

#top_intro{
	text-align: left;	
	width: 515px;
	padding: 0px;
	position: absolute;
	left: 157px;
	top: 144px;
}

#menu{
	text-align: left;	
	width: 515px;
	padding: 0px;
	position: absolute;
	left: 157px;
	top: 144px;
}

#ttl{
	text-align: left;	
	width: 515px;
	padding: 0px;
	position: absolute;
	left: 157px;
	top: 200px;
}


#main{
	text-align: left;	
	width: 515px;
	padding: 0px;
	position: absolute;
	left: 157px;
	top: 270px;
}

#copyright{
	margin:20px 0 20px 0;
}

#side{
	margin: 0px;
	padding-top: 180px;
	width: 150px;
	text-align:center;
}




/* フォント スタイル */
.blue {
	color: #4e96d6;
	font-weight: bold;
}

.pink {
	color: #ff6699;
	font-weight: bold;
}

.gray {
	color: #666;
	font-weight: bold;
}
.red {
	color:#ff3333;
	font-weight: bold;
}
.green {
	color:#228b22;
	font-weight: bold;
}



.doko_access {
	font-size:13px;
	line-height:140%;
}

.melmaga {
	font-size:12px;
}


/** その他のページ一般 **/

img#side_img{
	margin:10px 0 0 20px;
	width:100px;
}



/** index.html **/
img#top_felden_en{
	position: absolute;
	left: 150px;
	top: 50px;
}
img#top_felden_jp{
	position: absolute;
	left: 325px;
	top: 80px;
}

img#top_logo{
	position: absolute;
	left: 183px;
	top: 150px;
}

p#catchcopy {
position: absolute;
	left: 175px;
	top: 240px;
	width:400px;
	color:black;
	font-size:14px;
	text-align:left;
}

img#top_kikuzo{
	position: absolute;
	left: 200px;
	top: 300px;
}

img#top_enter{
	position: absolute;
	left: 343px;
	top: 470px;
}
img#top_whatsnew{
	position: absolute;
	left: 348px;
	top: 600px;
}


#news{
position: absolute;
	left: 205px;
	top: 540px;
	color:blue;
	font-size:12px;
	text-align:left;
}

#feed{
position: absolute;
	left: 195px;
	top: 630px;
	color:blue;
	font-size:12px;
	text-align:left;
	
}


/** ikura.html **/

.ikura_h3 {color:royalblue; font-size:18px;}
.ikura_h4 {color:crimson; font-size:14px;}
.ikura_indent { 
	padding:10px;
	border:royalblue dotted 1px;
}

/** books.html **/

table.book{
	border-collapse:collapse;
}

table.book td.td_image{
	width:100px;
}
table.book td.td_text{
	width:370px;
}



img.book_photo{
	width:100px;
	height:100px;
}

p.book {
	font-size:13px;
	line-height:120%;
}

h3.books {
	text-align:center;
	color: blue;
}

p.book_kaisetsu{
	font-size:13px;
	lign-height:120%;
	border:#666666 dotted 1px;
	width:480px;
	margin-left:20px;
}




/** youtube.html **/
#youtube {
	width:400px;
	padding-left:40px;
}

p.youtube_ttl{
	color: #4e96d6;
	font-weight: bold;
	font-size:16px;
}




/** dare.html **/

p.dare_konrad_message {
	margin:15px;
}




/**toiawase.html **/
/* 問い合わせフォーム */

div#comments table#comment-form input, textarea { 
	font-size: 100%;
	width: 300px;
	border: 1px #CCCCCC solid;
	background: #FFFFFF;
}

/* 問い合わせフォームTable */
div#comments table#comment-form {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

div#comments table#comment-form tr{
	border: 1px #4e96d6 solid;
}


div#comments table#comment-form th {
	padding: 10px;
	border: 0px #CCCCCC solid;
	background: #e6e6fa;
	color: #333;
	font-size:14px;
	line-height: 140%;
	vertical-align: top;
}
div#comments table#comment-form td {
	padding: 10px;
	border: 0px #CCCCCC solid;
	background: #e6e6fa;
	color: #808080;
	line-height: 140%;
}

.btn_submit {
	margin-top:10px;
	text-align: center;
}