/* floatとmarginを共に使うとmarginが２倍になる不具合 */

body{
 font-family:"ＭＳ ゴシック","ゴシック",sans-selif;
 font-size: 50px;
 background-color: #f1f1f1;
 color: #0000ff;
 margin:  0px auto 0px auto;
 padding: 0px;
 text-align: center; 	/* WinIE用 */
}

a:link    {color:#4031ff;}
a:visited {color:#0000ff;}
a:active  {color:#0000ff;}
a:hover   {color:#ff3800;}

.header{		/*　ヘッダー設定　*/
 margin: 0px auto;
}

.all{			/*　header,link以外をまとめる　*/
 width: 716px;		/*　スクロールバー含めた長さ　*/
 height: 510px;
 margin: 0px auto 0px auto;
 background-color: #c6c6c6;
 overflow: auto;
}

.image{			/*　画像の隙間回避　*/
 margin: 0px;
}

.fence1{			/*　noticeとtopicsの囲い　*/
 width: 700px;
 margin:  0px auto 0px auto;
}

.notice{		/*　トップページの更新履歴　*/
 width: 460px;
 height: 95px;
 float: left;
 margin: 0px;
 padding: 10px 20px;
 line-height: 1.5em;
 text-align: left;
 font-size: 14px;
 color: black;
 background-color: #f1f1f1;
 overflow: auto;		/*　paddingの長さは確保され、widthの中にロールバーが作られる　*/
}

.topics{		/*　トップページのトピックス欄　*/
 width: 200px;
 height: 115px;
 float: right;
 margin: 0px;
}

.count{			/*　トップページカウンター設定　*/
 margin: 0px;
 font-size: 14px;
 color: #333333; 
}

.link1{			/*　　メインナビ設定　*/
 width: 676px;
 margin:0px auto;
 padding: 10px 20px;		/* 上下、左右 */
 border-style: solid none;	/* 上下、左右 */
 border-color: #dd3218;
 background-color: #fde1d5;
 border-width: 2px;
 font-size: 16px;
 line-height: 1.5em;
 text-align: left;
 color: black;
}

.subject1{		/*　各コーナーの題名　*/
 margin: 20px auto 20px auto;
}

.copyright{		/*　コピーライト表示　*/
 width: 600px;
 margin:  30px auto 30px auto;
 padding: 5px;
 border: solid 2px #e8e8e8;
 line-height: 1.5em;
 text-align: left;
 font-size: 12px;
 color: black;
}

.fence2{		/*　サイトマップとバナー欄の囲い　*/
 width: 680px;
 margin:  0px auto 0px auto;
}

.sitemap{		/*　サイトマップ　*/
 width: 460px;
 height: 220px;
 float: left;
 margin: 0px;
 padding: 10px 10px;
 line-height: 1.5em;
 text-align: left;
 font-size: 14px;
 color: black;
 background-image:url("img/sitemap.gif");
}

.banner{		/*　バナー欄　*/
 width: 200px;
 height: 240px;
 float: right;
 margin: 0px;
 padding: 0px;
 background-color: #fff7de;
}

.banner_c{		/*　バナーコメント欄　*/
 width: 180px;
 padding: 10px;
 text-align: left;
 font-size: 14px;
 color: black;
}
.site{			/*　サイトの説明　*/
 margin: 0px auto 30px auto;
 width: 600px;
 padding: 5px;
 line-height: 1.5em;
 text-align: left;
 font-size: 14px;
 color: black;
 border: solid 2px #f8f8f8;
}

.group{			/*　リンクページのグループタイトル　*/
 width: 680px;
 margin: 30px auto 0px auto;
 font-size: 16px;
 color: #ffffff;
 background-color: #78b76a;
}

.table1{		/*　リンクテーブル内の書式　*/
 font-size: 14px;
 color: #333333;
 text-align: left;
 line-height: 1.5em;
}

.part_info{		/* 各パートの説明 */
 font-size: 16px;
 background-color: #78b76a;
 color: #ffffff;
 width: 580px;
 text-align: left;
 padding:10px;
 margin-bottom: 20px;
}

#column_index{		/*　コラムのインデックス書式　*/
 width :450px;
 list-style-type: none;
 padding-left: 0px;
 margin-left: 0px;
 text-align: left;
 color: #000000;
 font-size: 14px;
}

ul#column_index li{
 width: 450px;
 border-left: 20px solid #dd3218;
 border-bottom: 1px solid #dd3218;
 margin-bottom: 5px;
}

ul#column_index li a{
 display: block;
 width :450px;
 height: 17px;
 padding-top: 3px;
 text-decoration: none;
 color: #000000;
}

ul#column_index li a:hover{ background-color: #ffffff;}

.letter_title{		/* クヌギ通信の各話タイトル */
 font-size: 20px;
 font-weight: bold;
 border-left: #84bb78 20px solid;
 border-bottom: #84bb78 1px solid;
 color: #333333;
 background-color: #f1f1f1;
 padding-left: 10px;
 width: 590px;
 text-align: left;
 margin: 20px auto  0px auto;
}

.letter_coment{		/* クヌギ通信本文 */
 width: 580px;
 font-size: 14px;
 color: #333333;
 background-color: #f1f1f1;
 margin: 0px;
 text-align: left;
 padding: 20px;
 line-height: 2em;
}

.s_title{		/* クヌギ通信本文内、各章タイトル */
 font-size: 18px;
 font-weight: bold;
 color: #dd3218;
}

.red{			/*　各強調色　*/
 font-size: 16px;
 font-weight: bold;
 color: #ff0000;
}

.blue{
 font-size: 16px;
 font-weight: bold;
 color: #0005c3;
}

.green{
 font-size: 16px;
 font-weight: bold;
 color: #19c93e;
}

.orange{
 font-size: 16px;
 font-weight: bold;
 color: #f1a244;
}

.bold{
 font-size: 16px;
 font-weight: bold;
}

.photo{			/*　クヌギ通信内写真　*/
 text-align: center;
 margin: 0px;}

.navi1{			/* ソウェル通信のナビ部分 */
 width: 580px;
 margin: auto auto 20px auto;
 padding: 20px;
 border-top: #84bb78 2px solid;
 font-size: 14px;
 text-align: right;
 color: #333333;
 background-color: #f1f1f1;
}

.bg{			/*　キャラクターページの囲い　*/
 width: 660px;
 padding:10px;
 margin: 0px auto 0px auto;
 background-color: #ffffff;
}

.fence3{		/*　キャライラストとステータスの囲い　*/
 width: 600px;
}

.chara_ico{				/* キャラクター紹介ページのアイコン */
 width: 400px;
 margin: 20px 100px 20px 100px;
}

.chara_pic{			/* キャラクター個人ページのメイン絵 */
 float: left;
 margin: 0px;
 width: 240px;
}

.chara_status{			/* キャラクター個人ページのステータス */
 float: right;
 margin: 0px;
 width: 310px;
 height: 320px;
 text-align: left;
 font-size: 14px;
 line-height: 1.4em;
 color: black;
}

.status_title{		/* キャラクター個人ページのステータスタイトル */
 background-color: #cff6cc;
}

.name{				/* キャラクター個人ページの名前 */
 margin: 0px 50px 30px 50px;
}

.chara_cg{				/* キャラクター個人ページのＣＧ */
 float: left;
 width: 400px;
 height: 300px;
 padding: 30px 0px 30px 0px;		/* 上、右、下、左 */
}

.localnavi1{			/* キャラクター個人ページのローカルナビ */
 float: right;
 margin: 0px;
 padding: 240px 0px 30px 50px;		/* 上、右、下、左 */
 width: 150px;
 height: 90px;
}

.lnavi_ico{			/* キャラクター個人ページのローカルナビのアイコン */
 width: 150px;
 margin-top: 10px;
}

.log{				/*　ログのテーブル書式　*/
 float: left;
 font-size: 16px;
 color: #000000;
 text-align: left;
 line-height: 1.5em;
}