/* ==========================================================================
   Author's custom styles
   ========================================================================== */


            div#main{
                margin-bottom: 30px;
            }
            div#headerwrapper{
                background-image: url(../images/bg_top.gif);
                padding: 15px 0 25px;
                margin-bottom: 10px;
            }
            header{
                width: 940px;
                margin: 0 auto;
            }
            div#header_logo,
            div#header_summary,
            div#header_info{
                height:75px;
            }
            div#header_logo{
                width:220px;
                margin-right: 20px;
            }
            div#header_summary{
                width:440px;
                color:#999;
            }
            div#header_info{
                width:240px;
            }
            div#header_logo p,
            div#header_summary p,
            div#header_info p{
                position: absolute;
                bottom:0;
            }
            div#displaywrapper{
                background-image: url(../images/bg_display.jpg);
                background-repeat: no-repeat;
                background-position: center top;
                margin-bottom: 30px;
            }
            ul#nav{
                margin-bottom: 10px;
                background-color: #eee;
                border-radius: 5px;
            }
            ul#nav li{
                background: transparent url(../images/nav_line.gif) no-repeat center bottom;
                list-style-type: none;
                padding: 20px 0;
            }
            ul#nav li:last-child{
                background: none;
            }
            ul#nav li p{
                background: transparent url(../images/nav_arrow.gif) no-repeat right center;
                text-align: center;
                width: 95%;
            }
            ul#information{
                margin-bottom: 20px;
            }
            ul#information li{
                border-top: dotted 1px #333;
                border-bottom: none;
                padding: 10px 5px 5px;
            }
            ul#information li:last-child{
                border-bottom: dotted 1px #333;
            }
            ul#information li date{
                float: left;
                width: 100px;
                margin-right: 20px;
            }
            ul#information li p{
                float: left;
                width: 620px;
            }
@media (min-width: 980px) {
            ul#information li p{
                float: right;
                width: 620px;
            }
}
            div.box{
                border: solid 3px #ccc;
                padding: 7px;
                margin-bottom: 20px;
            }
            div.box div.img{
                width:100px;
                height:100px;
                margin-right: 15px;
            }
            div.box div.text{
                width: 245px;
            }
            div.box div.text p.digest{
                padding: 10px 0;
            }
            div.box div.text p.detail{
                font-size: smaller;
                text-align: right;
            }
            div#footerwrapper{
                background-color: #333;
            }
            div#footer{
                padding-top: 40px;
            }
            div#footer_goto_top{
                text-align: right;
            }
            ul#footer_nav{
                margin-top: -10px;
            }
            ul#footer_nav li{
                display: inline-block;
                padding: 10px 5px;
            }
            h1,h2,h3,h4,h5,h6,ul,ol,div,p{ /* bootstrapで変更されてしまう */
                margin: 0;
                padding: 0;
                font-size: 14px;
                line-height: normal;
            }
            li{
                list-style-type: none;
            }
            .relative{
                position: relative;
            }
            .text-right{
                text-align: right;
            }
            .text-left{
                text-align: left;
            }
            .left{
                float: left;
            }
            .right{
                float: right;
            }
            /*--------------------------------------
            clearfix
            ---------------------------------------*/
            .cfx:after{
              content: ".";  /* 新しい要素を作る */
              display: block;  /* ブロックレベル要素に */
              clear: both;
              height: 0;
              visibility: hidden;
            }

            .cfx{
              min-height: 1px;
            }

            * html .cfx{
              height: 1px;
              /*\*//*/
              height: auto;
              overflow: hidden;
              /**/
            }
			
			div#mainwrapper {
				background: url("../images/bg_display.jpg") repeat-y center;
			}
			
			div#headerwrapper {
					margin-bottom: 0;
			}
			
			div#main {
					padding-top: 10px;
			}