@charset "utf-8";
/* ===========================================================
 CSS information
 file name  :common.css
 style info :基本・共通設定
 最終更新日 : 2014/02/10
============================================================== */

/*----------------------------------------------------
	Base
----------------------------------------------------*/
*{font-family:"Hiragino Kaku Gothic ProN","meiryo","メイリオ","ms pgothic","ms pゴシック","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic";}
body{
	margin:0; padding:0;
	background:#ffe0b0;
	font-size:12px;
	color:#808080;
	letter-spacing:0.1em;
	line-height:1.4em;
}
img{border:none;}
a{color:#f2984c; text-decoration:none;}
a:hover{color:#F2984c; text-decoration:underline;}
.clear{clear:both;}

.border_orange{border:5px #f2984c solid; border-radius:20px; background:#ffffff;}
.border_in{border:5px #ffe0b0 solid; border-radius:15px; background:#ffffff;}

h2{font-size:14px; color:#f2984c;}

/*----------------------------------------------------
	Left
----------------------------------------------------*/
#left{width:250px; float:left;}
/* ■■Header■■ */
#left #header{width:244px; padding:0 3px 3px 0; border-top:none; border-left:none; border-radius:0 0 20px 0; position:relative; z-index:2;}
#left #header .header{width:218px; border-top:none; border-left:none; border-radius:0 0 15px 0; padding:5px 10px 10px 10px;}
#left #header .header h1{margin:0 2px 0 0; float:left;}
#left #header .header h1 a{width:67px; height:41px; background:url(../img/img.png) 0 0; display:block;}
#left #header .header h1 a:hover{background-position:-67px 0;}
#left #header .header h2{margin:15px 0 0 0; font-size:12px; font-weight:normal; color:#808080;}
#left #header .header h4{margin:0;}
/* ■■History■■ */
#left #history{width:220px; padding:0 3px 3px 3px; border-top:none; border-radius:0 0 20px 20px; margin:-6px 0 10px 5px; position:relative; z-index:1;}
#left #history .history{width:200px; border-top:none; border-radius:0 0 15px 15px; padding:10px 5px 10px 5px;}
#left #history .history p{margin:5px 0; border-bottom:1px #cccccc dotted;}
#left #history .history .more{text-align:right; border:none;}
/* ■■Youtube■■ */
#left #youtube{width:200px; overflow:hidden;}
#left #youtube iframe{vertical-align:bottom;}
/* ■■Google+1■■ */
#left #google1{width:80px; margin:10px auto 0 auto;}
/* ■■GoogleText■■ */
#left #google_text{width:200px; height:200px; margin:0 20px 10px 20px; border:4px #f2984c solid; background:#ffffff;}
/* ■■Link■■ */
#left #link{width:200px; padding:3px; margin:0 0 10px 15px;}
#left #link .link{width:180px; padding:5px;}
#left #link .link ul{list-style:none; margin:10px; padding:0;}
#left #link .link ul li{margin:5px 0;}
/* ■■Hulu&Niconico■■ */
#left .other{width:200px; height:200px; margin:0 0 10px 20px; border:4px #f2984c solid; background:#ffffff; overflow:hidden;}
/* ■■Amazon■■ */
#left #amazon{width:210px; margin:0 0 10px 5px; padding:3px;}
#left #amazon .amazon{width:190px; padding:5px;}
#left #amazon img{width:95px; margin:5px 0; float:left;}
/* ■■Bana■■ */
#left .bana{width:220px; margin:0 0 10px 5px;}
#left .bana img{margin:0 0 5px 0;}
/* ■■CopyRight■■ */
h5{width:220px; margin:0 0 10px 0; text-align:center; font-size:10px; font-weight:normal;}
h5 a{color:#666666; text-decoration:none;}
h5 a:hover{color:#666666; text-decoration:none;}

/*----------------------------------------------------
	Top
----------------------------------------------------*/
#top{width:430px; height:43px; padding:0 3px 3px 3px; border-top:none; border-radius:0 0 20px 20px; position:absolute; top:0; left:390px; z-index:3;}
#top .top{width:410px; height:30px; padding:3px 5px 5px 5px; border-top:none; border-radius:0 0 15px 15px; font-size:10px;}
#top .top .left{float:left;}
#top .top #event{float:right; margin:10px 10px 0 0;}
#top .top #event a{float:right; margin:0 0 0 5px;}
#top .top #i_nazotoki{width:18px; height:18px; background:url(../img/img.png) 0 -41px; display:block;}
#top .top #i_nazotoki:hover{background-position:-18px -41px;}
#top .top #i_gyahoo{width:18px; height:18px; background:url(../img/img.png) -36px -41px; display:block;}
#top .top #i_gyahoo:hover{background-position:-54px -41px;}
#top .top #i_publisher{width:18px; height:18px; background:url(../img/img.png) -72px -41px; display:block;}
#top .top #i_publisher:hover{background-position:-90px -41px;}
#top .top #i_gyahoojapan{width:18px; height:18px; background:url(../img/img.png) 0 -59px; display:block;}
#top .top #i_gyahoojapan:hover{background-position:-18px -59px;}

/* ■■Use■■ */
.use{cursor:pointer; margin:0; line-height:10px;}
#use{
	width:360px;
	border:1px #eeeeee solid; border-top:none; background:#ffffff; border-radius:0 0 5px 5px; box-shadow:0 1px 1px #aaaaaa;
	display:none;
	padding:10px;
	position:absolute; top:0; left:500px; z-index:8;
}

/*----------------------------------------------------
	Main
----------------------------------------------------*/
#main{float:left; margin:20px 0 10px 5px; padding:3px;}
#main .main{padding:10px;}
#main .main .mainimages{margin:-30px 0 0 -30px; position:relative; z-index:1;}
#main .main .main_white{width:400px; background:url(../img/blog.png); border-radius:10px; margin:-140px 0 0 0; position:relative; z-index:2;}
#main .main .main_white_comic{min-width:400px; width:auto; text-align:center; background:url(../img/blog.png); border-radius:10px; margin:-140px 0 0 0; position:relative; z-index:2;}
/* ■■Blog■■ */
#main .main #page_change{text-align:center;}
#main .main .date{width:400px; padding-bottom:10px; text-align:center; font-size:14px; font-family:Arial; color:#f2984c;}
#main .main .title{width:400px; border-bottom:1px #f2984c solid; padding-bottom:2px;}
#main .main .title a{color:#666666;}
#main .main .title a:hover{color:#f2984c; text-decoration:none;}
#main .main .text{width:400px; padding:10px 0;}
/* ■■History■■ */
#main .main .history p{margin:0 0 3px 0; padding:3px 0; border-bottom:1px #cccccc dotted;}
/* ■■Comic■■ */
#main .main .comic a{color:#808080;}
/* ■■ドット関連■■ */
#main .main .dot table{width:500px;}
/* ■■DQ5掲示板関連■■ */
#form{
	width:175px; box-shadow:0 0 3px #cccccc; border:1px #aaaaaa solid; background:#ffffff;
	display:none; padding:10px;
	position:absolute; z-index:5;
}
#form input[type="text"]{width:168px; height:2em; border:1px #aaaaaa solid; border-radius:3px; margin:0 0 5px 0;}
#form textarea{width:166px; height:6em; border:1px #aaaaaa solid; border-radius:3px;}
.bbs_table{width:216px; position:absolute; z-index:9;}
.right-table{width:206px; background:#ffffff; padding:5px; border:1px #808080 solid; margin:-14px 0 0 9px;}
.left-table{width:206px; background:#ffffff; padding:5px; border:1px #808080 solid; margin:2px -1px 0 0; float:left;}
#dq5_bbs_on_off{
	width:40px; height:60px; background:#ffffff; border:1px #aaaaaa solid; border-radius:10px;
	position:fixed; top:300px; left:924px;
}
#dq5_bbs_on_off .dq5_bbs{width:40px; height:30px; background:#ffffff; text-align:center; line-height:30px; cursor:pointer; border:none; border-radius:9px;}

/*----------------------------------------------------
	Right
----------------------------------------------------*/
#right{width:210px; float:left; margin:57px 0 10px 5px;}
/* ■■GoogleImages■■ */
#right #google_image{width:200px; height:200px; border:5px #f2984c solid; background:#ffffff; margin:0 0 5px 0;}
/* ■■BBS■■ */
#right #bbs{width:194px; padding:3px;}
#right #bbs .bbs{width:178px; padding:3px;}
#right #bbs .bbs a, span{line-height:24px;}
#right #bbs .bbs input[type="text"]{width:168px; height:2em; border:1px #aaaaaa solid; border-radius:3px; margin:0 0 5px 0;}
#right #bbs .bbs textarea{width:166px; height:6em; border:1px #aaaaaa solid; border-radius:3px;}
#right #bbs .bbs #bbs_comment{clear:both; padding:10px 0 0 0;}
#right #bbs .bbs #bbs_comment .area{width:174px; display:none;} 
#right #bbs .bbs #bbs_comment .area1{display:block;}
#right #bbs .bbs #bbs_comment table{border-bottom:1px #cccccc solid; display:block;}
#right #bbs .bbs #bbs_comment .img{width:30px; padding:0 5px 0 0;}
#right #bbs .bbs #bbs_comment .edit_name{width:124px;}
#right #bbs .bbs #bbs_comment textarea{width:159px; height:60px;}
#right #bbs .bbs #bbs_change_page{text-align:center;}
#right #bbs .bbs #bbs_change_page a{list-style:none; margin-right:5px; cursor:pointer;}

/* ■■右側ドラクエ共通BBS■■ */
.bbs_data{font-size:10px;}

/*----------------------------------------------------
	Admin
----------------------------------------------------*/
.table{
width:380px;
border:1px #cccccc solid;
border-collapse:collapse;
margin:10px;
}
.table_mail{
width:380px;
border:1px #cccccc solid;
border-collapse:collapse;
margin:5px;
}
.td{width:80px; background-color:#eeeeee;}
.table_text{width:300px;}
.textarea{width:300px; height:200px;}
.imglist{margin:1px;}
.imglist a:hover{color:#facc89; text-decoration:none;}
#imglist img{margin:2px;}
.td_id{width:40px;}
.td_time{width:70px;}
.td_title{width:200px;}
.td_btn{width:50px;}