@charset "utf-8";
BODY,TH,TD,SELECT { font-family:'メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}


body {
	background:#C8D4E0 url("/images/page_bg.jpg");
	margin: 0;
	padding:0;
	text-align:center;
}

body.hp {
	background:url("/images/page_bg_hp.jpg");
	margin: 0;
	padding:0;
	text-align:center;
}

body.following {
	background:#C8D4E0 url("/images/page_bg_following.jpg") left top repeat-x;
	margin: 0;
	padding:0;
	text-align:center;
}


img {
	border: none;
}
br.clear {
	clear:both;
}

div,td,th,p,pre {
	text-align:left;
	margin:0;
	color: #333333;
}

/* 全体 */
div.body {
	margin:0 auto; padding:0;
	width:879px;
}

/* 01 */
div.header {
	width:100%;
	background:url("/images/header_bg.jpg");
	height:35px;
}
div.header div.l { float : left ; width : 412px ;}
div.header div.c { float : left ; width : 167px ;}
div.header div.r { float : left ; width : 300px ;}

/* 01-TOP */
div.header div.l h1 {
	font-size: 10px;
	color: #666666;
	text-align: left;
	font-weight: 100;
	margin: 0.5em 0em 0.5em 1.25em;
}

/* menu02 */

div#navi02 {
        width:300px;
        margin:0 auto; padding:0;
    }
    div#navi02 ul {
        margin:0 0; padding:0;
        overflow:hidden;
    }
    div#navi02 ul li {
        margin:0; padding:0;
        display:inline; /* ie */
    }
    div#navi02 ul li a {
        display:block;
        float:left;
    }

/* 02 */
div.menu {
	width:100%;
	margin:0 auto;
	background:url("../images/header_bg.jpg");
}
div.menu div.l { float : left ;  margin: 0 0 0 5px; width : 234px ; display:inline;}


/* menu01 */

div#navi01 {
        width:100%;
        margin:0 auto!important;margin:0 0 0 -3px; padding:0;
		display:inline;
    }
    div#navi01 ul {
        margin:0 0; padding:0;
        overflow:hidden;
		display:inline;
    }
    div#navi01 ul li {
        margin:0; padding:0;
		float:left;
		height:59px;
        display:inline; /* ie */
    }

/* 03 */
div.flash {
	width:100%;
	margin:0;
	background:url("../images/header_bg.jpg");
}
div.flash p {
	text-align:center;
}
/* 04 */
div.main {
	width:100%;
	background:url("../images/main_bg01.jpg");
}


div.main div.l {float : left ;	margin: 0 0 0 5px ; width : 547px !important; width : 542px ;}
div.main div.r {float : left ;	margin: 0; width : 322px !important; width : 327px ;}

/* 04-左側の列*/

div.main div.l div.bnr {
	width:100%;
}

div.main div.l div.bnr p.sys8 {
	font-size:12px;
	color:#1b72b7;
	line-height: 17px;
	margin: 1em 1.3em 1em 4.3em;
}

/* Line*/
div.main div.l div.bnr p {
	font-size:12px;
	color:#1b72b7;
	line-height: 17px;
	margin: 0.4em 0em 0.4em 2.6em;
}

/* バナー1列 */
div.main div.l div.bnr p.img1 {
	font-size:12px;
	color:#1b72b7;
	line-height: 17px;
	margin: 0.4em 1.3em 0.4em 3em !important;margin: 0.4em 0em 0.4em 2.6em;
}

/* バナー2列用画像*/
div.main div.l div.bnr p.img2 {
	font-size:12px;
	color:#1b72b7;
	line-height: 17px;
	margin: 0.4em 0em 0.4em 1.5em !important;margin: 0.4em 0em 0.4em 0.6em;
}

/* バナー用コメント-1列用 */
div.main div.l div.bnr p.contents01 {
	font-size:12px;
	color:#666666;
	line-height: 17px;
	margin: 0.4em 1.3em 0.4em 4.3em;
}
/* バナー用コメント-2列目右側用 */
div.main div.l div.bnr p.contents02 {
	font-size:12px;
	color:#666666;
	line-height: 17px;
	margin: 0.4em 0em 0.4em 4.3em;
}

/* バナー用コメント-2列目左側用 */
div.main div.l div.bnr p.contents03 {
	font-size:12px;
	color:#666666;
	line-height: 17px;
	margin: 0.4em 0em 0.4em 2em;
}

/* バナー2列 */
div.bnr_l {float : left ; margin: 0; width : 270px !important;width : 260px ;}
div.bnr_r {float : left ; margin: 0; width : 270px !important;width : 260px ;}

/* 04-右側の列 */

div.main div.r div.info {
	width:284px;
	background: repeat-x url("../images/info_bg.jpg");
	margin: 0 0 0 2px;
}

div.main div.r div.info ul.date  {
    list-style-image:url("../images/topics02.jpg");
	font-size: 12px;
	color:#666666;
	margin: 0 0 0 29px;
	padding:3px 0px 1px 2px;
	vertical-align: top;
}
div.main div.r div.info ul.contents  {
	list-style:none;
	font-size: 12px;
	color:#666666;
	margin: 0 0 0 28px;
	padding:0px 0px 3px 2px;
	vertical-align: top;
	line-height: 17px;
}

div.main div.r p.title {
	margin:0.5em 0.2em 0.2em 0em;
	line-height:20px;
}

div.main div.r p {
	margin:0.5em 0.2em 0.2em 0.2em;
	font-size:12px;
	color:#666666;
}
div.main div.r p img {
	vertical-align:middle;
}
div.main div.r p#title {
	font-size:12px;
	color:#1b72b7;
}

img#example {
	border:#CCCCCC solid 1px;
	padding:0.1em;
	background:#FDFDFD;
}

div.main div.r div#example_l {float : left ; width : 140px ; margin: 0; padding:0.3em; font-size:12px; color:#666666; line-height: 17px;}
div.main div.r div#example_r {float : left ; width : 120px ; margin: 0; padding:0.3em; font-size:12px; color:#666666; text-align:center;}

/* 05 */
div.footer_menu {
	width:100%;
	background:url("/images/main_bg02.jpg");
}
div.footer_menu p.menu {
	text-align:center;
	font-size:10px;
	color:#666;
	padding:0.75em;
}

/* 06 */
div.footer {
	width:100%;
	background:url("../images/footer_bg.jpg");
}
div.footer address {
	font-size:10px;
	font-style:normal;
	text-align:center;
	color:#fff;
	padding:0.5em;
}

/* 404
---------------------------------*/

#msg { width:600px; border:solid 2px #98A9BB; margin-top:5em; margin-left:auto; margin-right:auto; text-align:center; padding:1em 2em; background:#fff; font-size:12px; }
#msg h1 { font-size:14px; }
#msg p { text-align:center; }
#msg div { background:#ddd; padding:2em; margin-bottom:2em; }
#msg div p { line-height:160%; margin-bottom:1em; text-align:left; }
#msg div ul { margin-left:5em; }

/* Twitter
---------------------------------*/
#twitter_box{
text-align : left;
margin : 10px 10px; /* 適宜変更推奨 */
padding : 10px 30px;
background : url("背景画像のURL") no-repeat;
}


#twitter_div {
width:470px;
_width:460px;
text-align : left;
margin : 10px 10px; /* 適宜変更推奨 */
padding : 10px 30px;
background : url("背景画像のURL") no-repeat;
}

#twitter_div h2 {
font-size : 1em;
color : #000000;
text-align : left;
margin : 5px 0;
}

#twitter_div ul {
width : 100%;
margin:0;
padding:0; /* 適宜変更推奨 */
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 2px 5px 2px 0px; /* 適宜変更推奨 */
background-image : url("各POSTの左側に表示させるアイコン画像のURL");
background-repeat : no-repeat;
background-position : 5px 8px; /* 適宜変更推奨 */
border-bottom : dotted 1px #6e6055; /* 適宜変更推奨 */
list-style-type:none;
list-style-position:inside;
}

#twitter_div li a {
font-size : 0.7em !important;
color : #0000FF; /* 適宜変更推奨 */
text-decoration:underline;
}

#twitter_div li a:hover {
color : #0000FF;
text-decoration:none;
}

#twitter_div li span {
color : #333; /* 適宜変更推奨 */
font-size : 0.8em;
margin-right:20px;
}

#twitter_div li span a {
color:#0000FF; /* 適宜変更推奨 */
font-size : 1em !important;
}

a#twitter-link {
font-size : 0.8em;
color : #0000FF; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
color : #0000FF;
}