@charset "UTF-8";


/* 1.Reset
========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html {background: #FFF; color: #000;}

body {font:13px/1  "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
* html body {font-size: small; font: x-small;}
*:first-child+html body {font-size: small; font: x-small;}

img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}


/* 2.Structure
========================================== */

html, body {
	background: url(https://blog-imgs-29.fc2.com/c/u/t/cuteblog/bg_dot_01.gif) ;
	color: #333333;
}

#document {
	margin: 0 auto;
	width: 1050px;
	border: 1px solid #bbbbbb;
	background: #FFFFFF;
}


#contents {
    margin-left: 220px;	/* #sideLの幅分 */
	float: left;
	display: inline;
	width: 610px;
	overflow: hidden;
	padding: 10px 0 10px 0;
}

#sideLeft {
    margin-left: -830px;
	float: left;
	display: inline;
	width: 220px;
	overflow: hidden;
	padding: 10px 0 10px 0;
}

#sideRight {
	float: left;
	display: inline;
	width: 220px;
	overflow: hidden;
	padding: 10px 0 10px 0;
}

#footer {
	clear: both;
	border-top: 1px solid #bbbbbb;
	/* background: #eeeeee; */
	padding: 5px;
	text-align: center;
	font-size: 92.4%;
        /* 追加 */
	line-height: 1.4;

}

/* リンク設定 */

a:link 		{color: #4879B0; text-decoration: none;}
a:visited 	{color: #4879B0; text-decoration: none;}
a:hover 	{color: #BF5E5E; text-decoration: none;}


/* 3.Header
========================================== */

#header {
	/* background-color: #d7e2ef; */
	border-bottom:  1px solid #bbbbbb;
	padding: 10px 0 10px 20px;
	line-height: 1.4;
}
h1 {
	font-size: 150%;
}

/* 追加 */
#headerImage {
        background-image: url("https://blog-imgs-121.fc2.com/r/u/k/rukimikamiya/20170326134728ad8.jpg");
	border-bottom:  1px solid #bbbbbb;
	height:200px;
}

/* 4.Topicpath(パンくずリスト)
========================================== */
 /* 追加 */
#topMenu {
    border-bottom:  1px solid #bbbbbb;
    display:table;
    width:100%;
}

/* 追加 */
#topMenuLeft {
    display:table-cell;
}

/* 変更 */
#topicpath {
    /* background-color: #eeeeee; */
    padding: 5px 0 5px 20px;
}

/* 追加 */
#topMenuRight {
    width:180px;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
}


/* 5.Contents
========================================== */

.contTitle {
	font-size: 130%;
	margin: 0 5px 0 5px;
	padding: 10px 3px 8px 10px;
	/* background-color: #eeeeee; */
	border-top: 1px solid #bbbbbb;
	border-left: 5px solid #8593a9;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px dashed #8593a9;	

}

.contText {
	/* ★変更 */
        /* font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 10px 5px;
	padding: 30px 18px 8px 18px;
	background-color: #ffffff;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	line-height: 1.4;
}

/* 追加 */
div.contText a {
        text-decoration: underline;	
}

p.entry_more {
	margin: 20px 0 20px 0;
}

#more {
	margin: 15px 0 0 0;
}

ul.entryFooter{
	zoom: 1;
	margin: 15px 0 0 0;
}

ul.entryFooter:after{ /*for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

ul.entryFooter li {
	float: left;
	display: inline;
}	

.pageNavi {
	margin-bottom: 15px;
	text-align: center;
}

.subHeader {
        /* ★変更 */
	/*font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 0 5px;
	padding: 5px 3px 3px 10px;
	/* background-color: #eeeeee; */
	border-top: 1px solid #bbbbbb;
	border-left: 5px solid #8593a9;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px dashed #8593a9;
}

.trackbackUrl {
        /* ★変更 */
	/*font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 10px 5px;
	padding: 15px 8px 8px 8px;
	background-color: #ffffff;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	line-height: 1.8;	
}

.trackbackUrl input {
	padding: 1px;
	width: 85%;
}

.trackbackBox {
        /* ★変更 */
	/*font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 10px 5px;
	padding: 15px 8px 8px 8px;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	line-height: 1.4;	
}

.cm_title {
	font-weight: bold;
}

.commentForm {
        /* ★変更 */
	/*font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 10px 5px;
	padding: 15px 8px 8px 8px;
	background-color: #ffffff;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	line-height: 1.8;	
}

.sub_footer {
	margin-bottom: 5px;
}

.pagetop {
	text-align: right; 
}

/* 追加 拍手ボタンエリア */
.fc2_footer {
        margin-top:50px;
        margin-bottom:20px;
}

/* 追加 「関連記事」 */
.relate_dt {
        font-size:130%;
}

/* 追加 見出し用 */
.contentSubHead1 {
        border-left:5px solid #8593a9;
        border-bottom:1px solid #8593a9;
        padding:0 0 1px 8px;
        font-size:150%;
}

/* 追加 見出し用2 */
.contentSubHead2 {
        font-size:130%;
        color:#FF6600;
        font-weight:200;
        /* user agent stylesheet打ち消し */
        display: inline;
}

/* 追加 見出し用3 */
.contentSubHead3 {
        border-left:3px solid #b9c7dd;
        border-bottom:1px dashed #b9c7dd;
        padding:0 0 1px 8px;
        font-size:130%;
}


/* 6.Side
========================================== */

.sideTitle {
        /* ★変更 */
	/*font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 0 5px;
	padding: 3px 8px;
	/* background-color: #d7e2ef; */
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px dashed #888888;
        line-height: 2;
}

.sideCont {
        /* ★変更 */
	/*font-size: 90%; */
        font-size: 100%;
	margin: 0 5px 0 5px;
	padding: 10px 3px 10px 3px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	line-height: 1.2;
}

.sideBottom {
	margin: 0 5px 0 5px;
	border-top: 1px solid #888888;	
}

.sideCont ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}
	
.sideCont li {
		background-image: url(https://blog-imgs-29.fc2.com/c/u/t/cuteblog/point3.gif);
		background-repeat: no-repeat;
		background-position: 3px 2px ;
		color: #333333;
		padding: 0px 0px 0px 15px;
		margin: 0px;
		line-height: 1.2;
	}



/* 7.Footer
========================================== */

#ic_prof {
    /* font-size:20px; */
    /* background-color: #f8dce0; */
    /* background-image: url("https://blog-imgs-121.fc2.com/r/u/k/rukimikamiya/circle_test_64.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: left top; */
}



/* 8.Common(追加)
========================================== */
/* ブルーのヘッダカラー */
#header, #footer, .sideTitle {
        /* FF3.6+ */
        background: -moz-linear-gradient(top,#E1F0FF 0%,#BCD5F2);

        /* Chrome10+, Safari5.1+ */
        background: -webkit-linear-gradient(top, #E1F0FF, #BCD5F2);

        /*IE6 IE7 */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E1F0FF, endcolorstr=#BCD5F2));
        /* IE8 IE9 */
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E1F0FF, endcolorstr=#BCD5F2))";
        zoom: 1;

        /* IE10+, W3C */
        background: linear-gradient(to bottom, #E1F0FF, #BCD5F2);

}

/* グレーのヘッダカラー */
#topMenu, .contTitle, .subHeader, .table1 th {
        /* FF3.6+ */
        background: -moz-linear-gradient(top,#EFEFEF 0%,#DEDEDE);

        /* Chrome10+, Safari5.1+ */
        background: -webkit-linear-gradient(top, #EFEFEF, #DEDEDE);

        /*IE6 IE7 */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#EFEFEF, endcolorstr=#DEDEDE));
        /* IE8 IE9 */
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#EFEFEF, endcolorstr=#DEDEDE))";
        zoom: 1;

        /* IE10+, W3C */
        background: linear-gradient(to bottom, #EFEFEF, #DEDEDE);
}

/* 新着記事 */
.recentParent {
    display:table;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:solid 1px #DDDDDD;
}
.recentImage {
    display:table-cell;
    vertical-align:top;
    padding-right:5px;
}
.recentImage img {
    width:50px;
    height:50px;
}
.recentTitle {
    display:table-cell;
    vertical-align:top;
}
.sideCont .recentParent:nth-child(2) {
    /* 上余白調整 */
    padding-top:0px;
    margin-top:-10px;
}
.sideCont .recentParent:nth-child(6) {
    border-bottom-width:0px;
    /* 下余白調整 */
    padding-bottom:0px;
    margin-bottom:-10px;
}

/* テーブル1 */
.table1, .table1 th, .table1 td {
    border: 1px solid #bbbbbb;
    padding:3px;
}
.table1 th{
    text-align:center;
}
.table1 a:link {
    text-decoration:none;
}

/* この記事のTOPへ */
.moveTop {
    text-align:right;
}

/* びっくりマーク */
.exclamation:after{
    margin:0 3px -2px 0;
    display:inline-block;
    width:16px;
    height:16px;
    content:" ";
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/exclamation01-032.gif);
    background-size:contain;
}

/* 8.RoleIcon(追加)
========================================== */
/* MT */
.role.mt:after{
    margin:0 3px 0 0;
    display:inline-block;
    width:55px;
    height:22px;
    content:" ";
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_mt_test4.png);
    background-size:contain;
}
.role.mt.gray:after{
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_mt_test4_gray.png);
}

/* ST */
.role.st:after{
    margin:0 3px 0 0;
    display:inline-block;
    width:55px;
    height:22px;
    content:" ";
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_st_test4.png);
    background-size:contain;
}
.role.st.gray:after{
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_st_test4_gray.png);
}

/* ヒーラー */
.role.healer:after{
    margin:0 3px 0 0;
    display:inline-block;
    width:55px;
    height:22px;
    content:" ";
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_healer_test4.png);
    background-size:contain;
}
.role.healer.gray:after{
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_healer_test4_gray.png);
}

/* 近接DPS */
.role.melee:after{
    margin:0 3px 0 0;
    display:inline-block;
    width:55px;
    height:22px;
    content:" ";
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_melee_test4.png);
    background-size:contain;
}
.role.melee.gray:after{
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_melee_test4_gray.png);
}

/* 遠隔DPS */
.role.range:after{
    margin:0 3px 0 0;
    display:inline-block;
    width:55px;
    height:22px;
    content:" ";
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_range_test4.png);
    background-size:contain;
}
.role.range.gray:after{
    background:url(https://blog-imgs-112.fc2.com/r/u/k/rukimikamiya/role_range_test4_gray.png);
}