/* CSS Document */
/*----------------------------------------------------
     css for namco-ch talesofsymphonia_wii
     talesofsymphonia_wii.css
----------------------------------------------------*/

body	    { margin: 0px; padding: 0px; }
h1			{ position: absolute; top: -9999px; left: -9999px; margin:0px; padding:0px;}

img			{ border: 0px; margin:0; padding:0;}
ul			{ margin:0 0 20px 0; padding:0px;}
li			{ padding:0px; margin:0px; list-style-type:none;}
.hAppear	{ position: static;  margin:0px; padding:0px;}/*h3,h4の表示用*/

p			{ font-size: 12px; color: #333333; line-height: 180%; margin:0px; padding:0px;}
p.small		{ font-size: 10px; color: #333333; line-height: 180%; }
p.foot		{ font-size: 12px; color: #333333; line-height: 180%; margin: 0 5px; }
a			{ font-size: 12px; color: #333333; line-height: 180%; text-decoration: underline; margin:0; padding:0; }
a:hover		{ font-size: 12px; color: #00b6de; line-height: 180%; text-decoration: none; margin:0; padding:0; }
td			{ margin:0 auto; padding:0 auto;}
tr			{ margin:0 auto; padding:0 auto;}
.bold		{ font-weight:bold; line-height:170%;}
.small		{ font-size:10px;}

.clear		{ position: absolute; top: -9999px; left: -9999px; margin:0px; padding:0px; display:inline;}


#blog_allbg	{ background: #FFFFFF;}
#blog_allbg_l{ background: url(../../blog/img/all_bg_l.jpg) no-repeat; width: 263px;}
#blog_allbg_r{ background: url(../../blog/img/all_bg_r.jpg) no-repeat; width: 259px;}
#blog_mainbg{ background: url(../../blog/img/main_bg.jpg) no-repeat top; width: 744px; padding-top: 98px; text-align: left; display:table ;}
#blog_mainbg2{ background:url(../../blog/img/main_bg2.jpg) repeat-y; width: 744px;}
#blog_leftbg{ background: url(../../blog/img/side_l_bg.jpg) repeat-y top; vertical-align: top;}
#blog_rightbg{ background: url(../../blog/img/side_r_bg.jpg) repeat-y top; vertical-align: top;}
#blog_foot	{ clear: right ; background: url(../../blog/img/main_foot.jpg) no-repeat; width: 744px; height: 51px; margin: 10px 0 0 0; text-align: right;}
#blog_foot p a{ font-weight: bold; color: #162865; text-decoration: none; margin: 10px 20px 0 0;}
#blog_foot p a:hover {text-decoration: underline;}

#logo_space	{ margin: 0 0 35px 49px;}

#blog_maincont{ width: 720px; margin: 0 10px 0 10px; display: block;}

/* ナビ */
#blog_leftcont{ width: 176px; float: left; margin: 15px 0 0 3px;}
.leftTb_bg	{ background: url(../../blog/img/navi_bg.gif) repeat-y; widows: 176px;}
p.blog_spec	{ font-size: 12px; color: #31769e; line-height: 130%; margin: 5px; text-align: left;}
#blog_channel{ margin: 10px 5px 5px 30px;}
#blog_cero	{ margin: 0 0 5px 65px;}
ul.blog_kate{ margin: 10px 0px 5px 5px; text-align: left;}
ul.blog_kate li{ margin: 4px 0; list-style: none;}


/*メイン*/
#blog_rightcont{ width: 520px; float: right; margin: 42px 3px 0 0;}
.main_tb	{ margin-bottom: 10px;}
.main_tbbg1	{ background: url(../../blog/img/main_tbbg.gif) no-repeat top; width: 520px;}
.main_tbbg1n{ width: 520px;}
.main_tbbg2 { background: url(../../blog/img/main_tbbg2.gif) repeat-y; width: 520px; text-align: left;}

/*h2*/
h2.blog_title{ background: url(../../blog/img/title_bg.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px 15px 20px; font-size: 18px;}
h2.blog_title div { float: left; color:#333333; text-align: left; margin: 8px 0 0 40px; font-size: 18px;}
*html h2.blog_title div { float: left; color:#333333; text-align: left; margin: 8px 0 0 20px; font-size: 18px;}
h2.blog_title span{ float: right; font-size: 12px; margin: 15px 0px 0 0; *margin: 15px 0px 0 0;}

h2.blog_nekonin{  margin: 0 0 0 8px;}


/*h2 文章長い用*/
h2.blog_titlel{ background: url(../../blog/img/title_bg.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px 15px 20px; font-size: 18px;}
h2.blog_titlel div { float: left; color:#333333; text-align: left; margin: 0 0 0 40px; font-size: 16px; line-height: 100%;}
*html h2.blog_titlel div { float: left; color:#333333; text-align: left; margin: 0 0 0 20px; font-size: 16px; line-height: 100%;}
h2.blog_titlel span{ float: right; font-size: 12px; margin: 15px 0px 0 0; *margin: 15px 0px 0 0;}


/*h3*/
h3 a		{ font-size: 18px; color:#333333; text-align: left; line-height: 100%; margin: 0; text-decoration: none;}
h3 a:hover	{ font-size: 18px; color:#00b6de; text-align: left; line-height: 100%; margin: 0; text-decoration: none;}

h3.blog_subtitle1{ background: url(../../blog/img/kateStitle01.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px; padding: 15px 0 0 50px; *padding: 15px 0 0 50px; *width: 421px;}
h3.blog_subtitle1 div { float: left; margin:0;}
h3.blog_subtitle1 span{ font-size: 12px; margin: 10px 50px 0 0; *margin: 10px 10px 0 0; float: right;}
h3.blog_subtitle1 div.f18 a{ font-size: 18px; line-height: 100%; margin: 0; padding:0; text-decoration: none;}

h3.blog_subtitle2{ background: url(../../blog/img/kateStitle02.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px; padding: 15px 0 0 50px; *padding: 15px 0 0 50px; *width: 421px; font-size: 20px; color:#333333; text-align: left;}
h3.blog_subtitle2 div { float: left;}
h3.blog_subtitle2 span{ font-size: 12px; margin: 10px 50px 0 0; *margin: 10px 10px 0 0; float: right;}
h3.blog_subtitle2 div.f18 a{ font-size: 18px; line-height: 100%; margin: 0; padding:0; text-decoration: none;}

h3.blog_subtitle3{ background: url(../../blog/img/kateStitle03.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px; padding: 15px 0 0 50px; *padding: 15px 0 0 50px; *width: 421px; font-size: 20px; color:#333333; text-align: left;}
h3.blog_subtitle3 div { float: left;}
h3.blog_subtitle3 span{ font-size: 12px; margin: 10px 50px 0 0; *margin: 10px 10px 0 0; float: right;}
h3.blog_subtitle3 div.f18 a{ font-size: 18px; line-height: 100%; margin: 0; padding:0; text-decoration: none;}


/*h3 文章長い用*/
h3.blog_subtitle1l{ background: url(../../blog/img/kateStitle01.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px; padding: 8px 0 0 50px; *padding: 8px 0 0 50px; *width: 421px;}
h3.blog_subtitle1l div { float: left; margin:0;}
h3.blog_subtitle1l span{ font-size: 12px; margin: 15px 50px 0 0; *margin: 15px 10px 0 0; float: right;}
h3.blog_subtitle1l div.f14 a{ font-size: 14px; line-height: 100%; margin: 0; padding:0; text-decoration: none;}

h3.blog_subtitle2l{ background: url(../../blog/img/kateStitle02.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px; padding: 8px 0 0 50px; *padding: 8px 0 0 50px; *width: 421px;}
h3.blog_subtitle2l div { float: left; margin:0;}
h3.blog_subtitle2l span{ font-size: 12px; margin: 15px 50px 0 0; *margin: 15px 10px 0 0; float: right;}
h3.blog_subtitle2l div.f14 a{ font-size: 14px; line-height: 100%; margin: 0; padding:0; text-decoration: none;}

h3.blog_subtitle3l{ background: url(../../blog/img/kateStitle03.gif) no-repeat; width: 461px; height: 44px; margin: 0 20px; padding: 8px 0 0 50px; *padding: 8px 0 0 50px; *width: 421px;}
h3.blog_subtitle3l div { float: left;}
h3.blog_subtitle3l span{ font-size: 12px; margin: 10px 50px 0 0; *margin: 10px 10px 0 0; float: right;}
h3.blog_subtitle3l div.f14 a{ font-size: 14px; line-height: 100%; margin: 0; padding:0; text-decoration: none;}


/*文字関連*/

p.blog_text	{ font-size: 12px; color: #333333; margin: 5px 20px;}
p.blog_text span{ font-weight: bold;}
p.blog_text span.small{ font-weight: normal; font-size: 10px;}

p.blog_text2	{ font-size: 12px; color: #333333; margin: 20px 20px 10px 20px;}
p.blog_text2 span{ font-weight: bold; color: #3366CC;}

.main_img	{ margin: 15px 10px; text-align: center;}
.main_img p {font-size: 10px; line-height: 140%;}
.main_img p a{font-size: 10px; line-height: 140%;}
.main_img p a:hover{ font-size: 10px; line-height: 140%; color:#00b6de;}

.main_img2	 { margin: 15px 10px; text-align: center;}
.main_img2 p {font-size: 12px; line-height: 140%;}
.main_img2 p a{font-size: 12px; line-height: 140%;}
.main_img2 p a:hover{ font-size: 12px; line-height: 140%; color:#00b6de;}

.main_img3	 { margin: 15px 10px; text-align: center;}
.main_img3 img{ margin: 0 2px;}
.main_img3 img_fl{ float: left;}
.main_img3 p {font-size: 12px; line-height: 140%;}
.main_img3 p a{font-size: 12px; line-height: 140%;}
.main_img3 p a:hover{ font-size: 12px; line-height: 140%; color:#00b6de;}

.main_img_wall	{ margin: 2px 5px 30px 5px; text-align: center;}
p.wall_text		{ float: left; width: 240px; margin:0; font-size: 10px;}
p.wall_text2	{ float: right; width: 240px; margin:0; font-size: 10px;}
p.wall_text3	{ float: left; width: 100%; margin:0; font-size: 10px;}


/*ポップアップフッター*/
p.blogpop_ftext a{ font-weight: bold; color: #162865; text-decoration: none; margin: 10px 20px 0 0;}
p.blogpop_ftext a:hover { font-weight: bold; color: #162865; text-decoration: none; margin: 10px 20px 0 0; text-decoration: underline;}


/*エミルの日記*/
#popday_maincont{ width: 720px; margin: 0 10px 0 15px; display: table;}
#popday_mainbg	{ background: url(../../blog/img/popup_bg.jpg) no-repeat; width: 744px; padding-top: 124px; text-align: left;}
.popday_tbbg	{ background: url(../../blog/img/popup_tb_c.gif) repeat-y top; width: 710px;}