/*ここは消さないで下さい!*/
/* Edited with EditCSS */
/*CSSLicense: jp-soft.com Tsunehisa Hazama*/
* {
margin: 0;
padding: 0;
}

html{
height: 100%;
}

/* BODY */
body {
background: #ffffff URL(../images/bg.gif);
margin: 0;
padding: 0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", 
sans-serif;
font-size: 75%;
line-height:150%;
color: #333333;
list-style: none;
text-align: center;
}

/* 画像の属性等 */
img {border: 0;
}

/* リンクの属性 */
a:link, a:visited, a:active {
color: #336699;
text-decoration: none;
}
a:hover{
color : #FF3300;
text-decoration: underline;
}

/* コンテンツ枠 */
#wrapper{
width: 820px;
margin: 0 auto;
text-align: center;
background: url(http://www.what.is.yourvision.jp/images/contents_bg.gif) 
repeat-y;
}

/*ページ幅*/
#container{
width:792Px;
margin: 0 auto;
background: url() no-repeat;
text-align:left;
position: relative;
}

/*ヘッダー*/
#header{
background: url(http://www.what.is.yourvision.jp/diary/img/blog_main_792.gif) 
no-repeat center top;
width: 792px;
height: 170px;
margin-right: auto;
margin-left: auto;
/*↓メーン画像の下の余白指定*/
margin-bottom: 10px;
}

#header h1{
margin-top : 0px; 
margin-bottom: 0px; 
margin-left:0px;
text-indent: 0px;
font-size: 75%;
display:block;
}

#header h1 a {

width: 792px;height: 170px;
background-image: 
url(http://www.what.is.yourvision.jp/diary/img/blog_main_792.gif) no-repeat;
display:block;
}

#header h1 a:hover {
width: 792px;height: 170px;
color: #336699;
background: url();
text-decoration: none;
display:block;
}

/* ナビボタン */
.navi1 {
position: absolute;
top: 5px;
right: 10px;
font-family:"Century Gothic", Helvetica, sans-serif;
font-size: 100%;
text-align: right;
color:#FEFEFE;
}
.navi1 a:link, 
.navi1 a:visited, 
.navi1 a:active {
color: #FEFEFE;
text-decoration: none;
}
.navi1 a:hover {
color: #FF6666; 
text-decoration: underline;
}

/*コンテンツ*/
#content {
width: 490Px;
float: right;
padding: 0 10px 10px 10px;
margin: 0 10px;
}
#content h2{
width: auto;
padding: 3px 5px 3px 10px;
border: 1px solid #CCC;
border-left: 5px solid #336699;
color: #336699;
font-size: 117%;
font-weight: bold;
line-height: 130%;
background: #FFF url(http://www.what.is.yourvision.jp/diary/img/h2_back.gif) 
 no-repeat right top;
}
#content h3 {
padding: 10px 0 0 5px;
border-bottom: 1px solid #CCC;
color: #666;
font-size: 100%;
font-weight: bold;
line-height: 120%;
display: block;
text-align: left;
}

#content h4 {
margin: 20px 0 0 0;
padding: 0 10px;
border-bottom: 1px solid #DDD;
color: #176782;
font-size: 100%;
font-weight: bold;
line-height: 120%;
display: block;
text-align: left;
}
#content h5 {
padding: 0 10px;
color: #666;
font-size: 85%;
line-height: 120%;
display: block;
text-align: left;
}
#content .doc{
padding: 10px 0 10px 10px;
text-align: left;
font-size: 100%;
line-height: 150%;
}
#content p {
margin: 10px 0;
}

/*インフォメーションテーブル個別記事用*/
#content table.ta1 {
border: 1px solid #999999;/* テーブル全体の枠線（太さ・スタイル/実線？・色・） */ 
width: 490px;
margin-top: 0.5em;
margin-bottom: 1em;
background: url(http://www.what.is.yourvision.jp/images/home_mark.gif) no-repeat right bottom;
}
#content td.ta1 {
padding: 5px;
valign:top;/*セル内の位置指定 （垂直方向）*/
}
#content h3.ta1 {
color: #005e15;
border-bottom: 1px dotted #999999;
font-size: 12px;
background: url("http://www.what.is.yourvision.jp/images/arrow1.gif") no-repeat 3 11px;
padding-left: 18px;
line-height: 15px;
}
#content p.ta1 {
line-height: 1.4em;
font-size: 11px;
padding-left: 3px;
}
/*#content .ta1 .waku img {*/
/*vertical-align: bottom;*/
/*margin-top: 20px;*/
/*}
/*#content .ta1 a:hover img {*/
/*filter: Alpha(opacity=80);opacity: 0.8; */
/*}*/
/*firefox safari*/*/

.doc h3.ta1{
color: #005e15;
border-bottom: 1px dotted #999999;
font-size: 100%;
background: url("http://www.what.is.yourvision.jp/images/arrow1.gif") no-repeat 3 11px;
padding-left: 18px;
line-height: 15px;
}



/*インフォメーションボックス属性*/
#content .info { width: auto; margin: 0; text-align: left;}
#content .info h2{ width: auto; padding: 3px 5px 3px 10px; border: 1px solid #CCC; border-left: 5px solid #FF6680; color: #336699; font-size: 117%; font-weight: bold; line-height: 130%; background: #FFF url("http://www.jp-soft.com/sample/16m4/img/h2_back2.gif") no-repeat right top;}
#content .info .info_doc { padding: 10px 0 10px 10px; font-size: 100%; color: #0F3357; line-height: 150%;}
/*アドセンス属性*/
#content .ads { font-size: 100%; text-align: center; margin: 10px 5px 10px 5px; }#content .ads .slink{ margin: 0px;  font-size: 9px;  color: #999; text-align: left;}
/*その他属性*/
#content ol{ margin: 0 0 20px 0;}#content li{ margin: 10px 0 0 20px;} 

/* contentリンク属性 */

/*リンク属性(h2)*/
#content a:link.c1, 
#content a:visited.c1, 
#content a:active.c1{color: 
#7a96df;text-decoration: none;}
#content a:hover.c1{color : #FF6633;}


/*----- trackbacks & Comments-----*/
.comments,.comments-content,.trackbacks{
#8200;margin: 0;}
.comments-header,
.comment-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,

#comments-open-footer,.comments-closed,
#comment-form-external-auth,.comments-open-moderated,
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me,
#comments-open-text,.trackbacks-header,.trackbacks-info,.trackback-content,.trackback-footer{
#8200;margin-bottom: 0.5em;}
.comments,.trackbacks{ overflow: hidden; width: 100%;}
#comment-author, #comment-email, #comment-url, #comment-text { width: 90%;}
#comment-bake-cookie { margin-left: 0; vertical-align: middle;}
#comment-submit { font-weight: bold;}
#8200;

/*Entrymore*/
#content .next a:link, #content .next a:visited, #content .next a:active {
#8200;float: right;
#8200;margin: 0px 5px 10px 0px;
#8200;color: #F27900;
#8200;background-image: url(http://www.jp-soft.com/sample/16m4/img/more01.gif);
#8200;background-repeat: no-repeat; width: 100px;
#8200;height: 18px;
#8200;display: block;
#8200;font-size: 84%;
#8200;text-align: center;
#8200;text-decoration: none;
#8200;}
#content .next a:hover {
#8200;color: #F27900;
#8200;background-image: url(http://www.jp-soft.com/sample/16m4/img/more02.gif);
#8200;background-repeat: no-repeat;
#8200;}
.rss {
#8200;clear: both;
#8200;margin: 0px;
#8200;padding: 5px 5px 5px 5px;
#8200;text-align: right;
#8200;font-size: 84%;
#8200;}
.rss img{border-style: none; vertical-align: middle;}

/*サイドバー(左)*/
#sidebar {
#8200;float: left;
#8200;width: 242px;
#8200;margin: 0;
#8200;background: #FFF;
#8200;overflow-x: hidden;}
#sidebar h2{
#8200;margin: 5px 5px 0 10px;
#8200;border: 1px solid #555;
/*#8200;background: #0F3357;*/
#8200;background: #007100;
#8200;font: bold 117%/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
#8200;color: #FFF; text-align: left;
#8200;text-indent: 5px;}

/*　アドセンス　*/
#sidebar .ads{
#8200;margin: 0 5px 0 10px;}
#sidebar .search{
#8200;
#8200;margin: 0 5px 0 10px;
#8200;border-left: 1px solid #DDD;
#8200;border-right: 1px solid #DDD;
#8200;border-bottom: 1px solid #DDD;}
/*　検索窓　*/
#sidebar .search div {
#8200;padding: 10px;
#8200;text-align: left;}
/*　コメント　*/
#sidebar .comment div {
#8200;padding: 10px;
#8200;text-align: left;
#8200;text-indent: 5px;
}
/* カテゴリ指定 */
#sidebar .cat{
#8200;margin: 0;}
#sidebar .cat h2{
#8200;margin: 5px 5px 0 10px;
#8200;border: 1px solid #555;
#8200;background: #c10000;
#8200;font: bold 117%/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
#8200;color: #FFF;
#8200;text-align: left;
#8200;text-indent: 5px;}
#sidebar ul.menu{
#8200;margin: 0 5px 0 10px;
#8200;padding: 0;
#8200;list-style-type: none;}
#sidebar ul.menu li{
#8200;border-left: 1px solid #DDD;
#8200;border-right: 1px solid #DDD;
#8200;border-bottom: 1px solid #DDD;}
#sidebar ul.menu li.tc1 a {
#8200;display: block;
#8200;margin: 0;
#8200;padding: 5px 0px 5px 20px;
#8200;background: #f5f5f5 url("http://www.jp-soft.com/sample/16m4/img/menu01.gif") no-repeat;
#8200;color: #666;
#8200;font-size: 100%;
#8200;text-decoration: none;
#8200;text-align: left;}
#sidebar ul.menu li.tc1 a .des{
#8200;padding: 5px;
#8200;background: #f5f5f; color: #3D7A8F; font: normal 85%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
#8200;text-align: left;
/*笹崎が追加↓行間指定*/
line-height: 150%;
/*笹崎が追加ここまで*/}
#sidebar ul.menu li.tc1 a:hover {
#8200;background: #FFF url("http://www.jp-soft.com/sample/16m4/img/menu02.gif") no-repeat;
#8200;color: #333;}
#sidebar ul.menu li a {
#8200;display: block;
#8200;margin: 0;
#8200;padding: 5px 0px 5px 30px;
#8200;background: #f5f5f5 url("http://www.jp-soft.com/sample/16m4/img/menu03.gif") no-repeat;
#8200;color: #6600FF;
#8200;font-size: 100%;
#8200;text-decoration: none;
#8200;text-align: left;}
#sidebar ul.menu li a .des{
#8200;padding: 5px;
#8200;background: #f5f5f5;
#8200;color: #3D7A8F;
#8200;font: normal 85%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
#8200;text-align: left;
/*笹崎が追加↓行間指定*/
line-height: 150%;
/*笹崎が追加ここまで*/
}
#sidebar ul.menu li a:hover {
#8200;background: #FFF url("http://www.jp-soft.com/sample/16m4/img/menu04.gif") no-repeat;
#8200;color: #333;}
#sidebar ul.menu li a:hover .des {
#8200;background: #FFF;}
#8200;

/* What's New*/
.new_index{
#8200;height:30px;
#8200;margin; 10px 0px 0px 0px;
#8200;background-color: #0066ca;
#8200;background: url(http://www.jp-soft.com/sample/16m4/img/new.gif);
#8200;background-repeat: no-repeat; border-bottom: 1px solid #888;
#8200;}
.new {
#8200;margin : 5px 5px 0px 5px;
#8200;}
.new a{
#8200;color:#FFF;
#8200;text-decoration:none;
#8200;font-size: 10px;
#8200;line-height: 130%;
#8200;margin: 0px;
#8200;padding: 0px 0px 0px 15px;
#8200;background: url(http://www.jp-soft.com/sample/16m4/img/new_list.gif);
#8200;background-repeat: no-repeat; }
.new a:hover{color:#FFCC00;}
#8200;
/*フッター*/
#footer{
#8200;clear: both;
#8200;width: auto;
#8200;height: 40px;
#8200;background: #0F3357; margin: 0;
#8200;}
#footer div {
#8200;float: right;
#8200;margin: 0;
#8200;padding: 5px 10px 0 0;
#8200;color: #CCC;
#8200;font-size: 100%;
#8200;line-height: 120%;
 text-align: right;}
#footer a:link, #footer a:visited, #footer a:active {color: #FFF;text-decoration: none;}#footer a:hover{color : #FF6060;text-decoration: underline;}
#footer img{border: 0;vertical-align: middle;}
#footer .banner{
#8200;background-color: #FFF;
#8200;margin: 0px;
#8200;padding: 15px 5px 10px 5px;
#8200;float: left;
#8200;}
/* ページナビ */
.navi2 {
#8200;margin: 0 0 5px 0;
#8200;font-size: 10px;
#8200;line-height: 130%;
#8200;color:#666;}
.navi2 a:link, .navi2 a:visited, .navi2 a:active {color: #3399CC; text-decoration: none;}.navi2 a:hover {color: #FF6633; text-decoration: underline;}
/* 記事の右寄せ */
.detail {text-align: right; font-size: 100%; margin: 0px 10px 0px 0px;}
/* フォームメール用 */
.comments-head{
#8200;margin: 10px 10px 10px 5px;
#8200;font-size: 117%;
#8200;font-weight: bold;
#8200;color: #4A4A97;
#8200;}
.comment-content{
#8200;margin: 10px 0px 10px 10px;
#8200;font-size: 100%;
#8200;color: #666;
#8200;line-height: 155%;
#8200;}
.comment-view{
#8200;margin: 0px 0px 10px 10px;
#8200;font-size: 100%;
#8200;color: #3399CC;
#8200;line-height: 155%;
#8200;}