@charset "UTF-8";
/* CSS Document */
/* ro-pad-style.css */
/* ------------------------------------------------- 
1. ID,classはキャメルケースで統一。
2. layoutとして要素の幅に関するものを一カ所に記載。#gnavi,#content,.sec #header #gnavi, .devide2
3. 画像名は「セレクタ_用途」に統一。 ex. h1_bg.jpg
4. clearfixはmixinにして、HTML上には書かない。 .clearfix:after, .section:after { 
 ------------------------------------------------- */

html,body {
    font-size: 14px;
    background: url(../images/common/bg.gif);

}

body{
    background-image: url(../images/top/topbg.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 1.5em;
}

.clearfix:after {
    content: ".";  
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; 
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
}



.attention { color: #c00; }

h2 {
    background-image: url(../images/common/h2.jpg);
    margin-left: 20px;
    width: 960px;
    height: 65px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 60px;
    text-indent: 75px;
}

h3 {
    background-image: url(../images/common/h3.jpg);
    width: 920px;
    height: 45px;
    color: #2b71c2;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 40px;
    text-indent: 30px;
}

#header{
	list-style: none;
	position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
}

    .gungho {
        background: url(../images/gunghoset/header_line.gif) repeat-x scroll 0 0 #ffffff;
        height: 36px;
        vertical-align: bottom;
    }
    .gungho p#ragnarok {
        height: 30px;
        text-align: left;
        float:left;
    }

    .gungho ul#roEntory li{
        list-style:none;
        float:right;
        margin:10px 10px 0;
    }
    .gungho ul#roEntory li a {
        color:#39499E;
        font-weight:bold;
    }

#container {
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
}

.inner {
    margin: 0px 40px 30px 40px;
}

.imgRight { float:right; }
.imgLeft { float:left; }

.textLeft {
    float: left;
    width: 520px;
}
.textRight {
    float: right;
    width: 380px;
}


/*TOPメインビジュアル*/
.mainVisual {
    width: 100%;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    height: 610px;
    z-index: 10;
}

    .mainVisual p,
    .mainVisual h1{
        text-indent:100%;
        white-space:nowrap;
        overflow:hidden;
    }

    .mainVisual h1 {
        position: absolute;
        top: 136px;
        left: 270px;
        background-image: url(../images/top/logo.png);
        width: 482px;
        height: 335px;
        z-index: 30;
    }

    .mainVisual .mainCharacter {
        position: absolute;
        top: 15px;
        background-image: url(../images/top/character.png);
        width: 1017px;
        height: 624px;
        z-index: 15;
    }

    .mainVisual .mainCopy {
        position: absolute;
        top: 20px;
        background-image: url(../images/top/maincopy.png);
        width: 991px;
        height: 146px;
        z-index: 20;
    }

    .mainVisual .collaborationLogo {
        position: absolute;
        top: 140px;
        left: 380px;
        background-image: url(../images/top/ro_pad_logo.png);
        background-repeat: no-repeat;
        width: 275px;
        height: 75px;
        z-index: 40;
    }

    .mainVisual .schedule {
        position: absolute;
        top: 503px;
        left: 250px;
        background-image: url(../images/top/schedule.png);
        width: 513px;
        height: 74px;
        z-index: 25;
    }
	
    .mainVisual .snsArea {
		position: absolute;
		top: 510px;
		left: 750px;
		width: 500px;
		height:150px;
		z-index:50;
	}
    .mainVisual .snsArea ul.sns li {
		list-style:none;
		float: left;
  		margin-left: 15px;
	}
/*TOPメインビジュアル-end*/

/*下層共通*/
.subVisual {
    width: 100%;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    height: 180px;
    z-index: 10;
    background-image: url(../images/common/chara.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
    .subVisual img { 
        position: absolute;
        top: 30px;
        left: 330px
    }
h1 { margin-bottom: 30px; }
.catch { margin-bottom: 30px; }

    .subVisual .snsArea {
		position: absolute;
		top: 30px;
		left: 650px;
		width: 400px;
		height:50px;
		z-index:50;
	}
    .subVisual .snsArea ul.sns li {
		list-style:none;
		float: left;
	}

/*下層共通部-end*/

/*共通2*/
.contents {
    margin: 0 auto;
    position: relative;
    width: 1000px;
    border: solid 5px #3a8ded;
    background-color: #fff;
    z-index: 100;
}

#menu {
    height: 70px;
    width: 1000px;
    background-color: #3a8ded;
}

    #menu ul{ padding: 8px 10px 8px 20px; }
    #menu ul li{
        list-style: none;
        float: left;
        margin-right: 10px;
    }

#fotter {
    background-color: #3a8ded;
    position: relative;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.roInfo { 
    background-image: url(../images/common/roinfo_chara.png) ;
    background-position: center top;
    background-repeat: no-repeat;
}
.roInfo img{ margin: 30px 0 20px 0; }

.roInfo a {
    color:#fff;
    font-weight:bold;
}

.copyRight {
    margin-top: 30px;
    padding: 10px;
    border-top: solid 2px #fff;
    text-align: left;
    min-height: 1px;
}

#fotterNavi {
    margin: 20px auto;
    border-bottom: solid 2px #39499E;
    border-top: solid 2px #39499E;
    height: 50px;
    width: 900px;
    text-align: center;
}

    #fotterNavi ul{ margin-top:15px; }
    #fotterNavi ul li{
        list-style: none;
        display: inline;
        margin: 0 30px;
    }
    #fotterNavi ul li a {
        color:#39499E;
        font-weight:bold;
        /*text-decoration :none;*/
    }

    .gungho ul#roEntory li{
        list-style:none;
        float:right;
        margin:10px 10px 0;
    }
    .gungho ul#roEntory li a {
        color:#39499E;
        font-weight:bold;
    }

/*共通2-end*/

/*トップページ*/
h2.point {
    background-image: url(../images/top/h2_point.jpg);
    width: 1000px;
    height: 120px;
    margin: 0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.pointBox { margin-left: 20px; }
.pointLeft {
    width: 310px;
    float: left;
    margin-right: 10px;
}

.pointCenter {
    width: 310px;
    float: left;
    margin-right: 10px;
}
.pointRight {
    width: 310px;
    float: right;
    margin-right: 20px;
}

.pointLeft img,
.pointCenter img,
.pointRight img {margin-bottom: 10px;}

p.storyText {
    background-image: url(../images/top/storyimage.jpg);
    width: 920px;
    height: 350px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

ul.wallpaperBtn { text-align: center; }
ul.wallpaperBtn li {
    list-style: none;
    margin-bottom: 10px;
}
/*トップページ-end*/

/*ダンジョン*/
#dungeon {}

#dungeon a {
    font-weight: bold;
    color: #39499E;
}

#dungeon table {
    width: 920px;
    margin-bottom: 20px;
}
    #dungeon table caption{
        background-color: #39499E;
        color: #fff;
        text-align: left;
        font-weight: bold;
        padding: 10px;
        border: solid 1px #39499E;
    }
    #dungeon table th{
        width: 150px;
        background-color: #d8eaff;
        color: #2b71c2;
        text-align: left;
        font-weight: bold;
        padding: 10px;
        border: solid 1px #39499E;
    }
    #dungeon table td{
        background-color: #fff;
        text-align: left;
        padding: 10px;
        border: solid 1px #39499E;
    }

#dungeon ul{
    margin-left: 20px;
}


/*ダンジョン-end*/



/*アイテム*/
#itemService table{
    width: 920px;
    margin-bottom: 10px;
}
    #itemService table caption{
        background-color: #39499E;
        color: #fff;
        text-align: left;
        font-weight: bold;
        padding: 10px;
        border: solid 1px #39499E;
    }
    #itemService table th{
        width: 130px;
        background-color: #d8eaff;
        color: #2b71c2;
        text-align: left;
        font-weight: bold;
        padding: 10px;
        border: solid 1px #39499E;
    }
    #itemService table td{
        background-color: #fff;
        text-align: left;
        padding: 10px;
        border: solid 1px #39499E;
    }
    #itemService table td.image{
        width: 180px;
        vertical-align: middle;
        text-align: center;
    }
/*アイテム-end*/