/* -----------------------------------------------
	共通設定
----------------------------------------------- */

body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	padding: 0px;
	margin: 0px;
	/*margin: 0 auto;*/
	color:#333333;
	font-size:13px;
	line-height: 180%;
}

.container {
	width: 1000px;
	max-width: 80%;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

img {
	border:none;
}

h1,h2,h3,h4{
	margin: 0px;
	padding:0px;
	border:none;
}

a{
	text-decoration:underline;
	color:#0b499e;
    max-width:300px;
    width:100%;
}

a:hover{
	text-decoration:none;
    max-width:30px;
    width:100%;
}

.none {
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.left {
	float:left;
}
.header_area {
	height: 55px;
	width: 975px;
	max-width: 100%;
	margin: 0 auto;
	/*padding-left: 25px;*/
	padding-top: 15px;
	border-top:solid 4px #444444;
}
.footer_area {
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1000px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}

.footer_area p{
	background-image: url(../img/icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float:right;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.copy{
	font-size:11px;
	color:#a8a8a8;
	text-align:right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.content {
	margin-top: 35px;
	margin-right: 25px;
	margin-bottom: 35px;
	margin-left: 25px;
	width: 950px;
}
.main_column {
	float: right;
	width: 725px;
	padding-left:24px;
	border-left:solid 1px #eeeeee;
}
.side_mn_area {
	float: left;
	width: 200px;
	height: 100%;
}
.side_mn_area a:hover img {
	opacity: 0.7;
}
.side_mn {
	margin-bottom: 18px;
}
.side_mn2 {
	margin-bottom: 32px;
}





/* -----------------------------------------------
    font
------------------------------------------------*/
.red {
	color: #FF0000;
}
.blue {
	color: #0b499e;
}
.red_b {
	color: #FF0000;
	font-weight: bold;
	}
.f11 {
	font-size: 11px;
	line-height: 130%;
}





/* -----------------------------------------------
    margin-padding	
------------------------------------------------*/
.margin_t5 {
	margin-top:5px;
}
.margin_t10 {
	margin-top:10px;
}
.margin_t15 {
	margin-top:15px;
}
.margin_t30 {
	margin-top:30px;
}
.top50 {
	margin-top:50px;
}

.margin_b10 {
	margin-bottom: 10px;
}
.margin_b15{
	margin-bottom:15px;
}
.margin_b30{
	margin-bottom: 30px;
}
.margin_b50{
	margin-bottom: 50px;
}
.margin_r13 {
	margin-right: 13px;
}
.margin_r15 {
	margin-right: 15px;
}
.margin_l15 {
	margin-left:15px;
}





/* -----------------------------------------------
    mn	
------------------------------------------------*/
.mn_area {
	height: 55px;
	width: 895px;
	max-width: 100%;
	background-image: url(../img/mn_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 21px;
	padding-left:105.5px;
	margin: 0 auto;
}
.mn{
	border:none;
	float:left;
	padding:0px;
	margin:0px;
}





/* -----------------------------------------------
    title	
------------------------------------------------*/
.h2_title{
	padding-bottom:8px;
	margin-bottom:15px;
/*	border-bottom:solid 1px #444444;
*/	
}
.h3_title {
	font-size: 15px;
	color: #0b499e;
	padding-left: 10px;
	margin-bottom:15px;
}
.h4_title {
	padding-left: 15px;
	background-image: url(../img/icon2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}





/* -----------------------------------------------
    page	
------------------------------------------------*/
.main_column p {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}
.main_column ul {
	margin-top: 0px;
	margin-bottom: 30px;
}
.main_column ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:180%;
	padding-left: 0px;
	margin-left: 5px;
}
.guide_table {
	border-top: 2px solid #DFD9CA;
	border-bottom: 2px solid #DFD9CA;
	border-collapse: collapse;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 98%;
}
.guide_table th {
	padding: 8px;
	border-bottom: 1px solid #DFD9CA;
	color: #333;
	background-color: #F3F3E9;
}
.guide_table td {
	padding: 8px;
	border-bottom: 1px solid #DFD9CA;
	background:#FFF;
}

.contact_table {
	border-top: 2px solid #DFD9CA;
	border-bottom: 2px solid #DFD9CA;
	border-collapse: collapse;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 98%;
}
.contact_table th {
	padding: 8px;
	border-bottom: 1px solid #DFD9CA;
	color: #333;
	background-color: #F3F3E9;
}
.contact_table td {
	padding: 8px;
	border-bottom: 1px solid #DFD9CA;
	background:#FFF;
}

.text_box {
	border:solid 1px #cccccc;
	margin-top: 15px;
	padding: 14px;
}
.work_01_area {
	margin: 10px;
	width: 375px;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 315px;
	background-image: url(../img/work_01_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.work_02_area {
	width: 375px;
	padding-top: 30px;
	padding-right: 315px;
	padding-left: 15px;
	background-image: url(../img/work_02_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
}
.work_03_area {
	width: 375px;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 315px;
	background-image: url(../img/work_03_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.container .content .main_column .left_25 {
	padding-left: 25px;
}
.container .content .main_column .left_30 {
	padding-left: 30px;
}
.logo_mess {
	/*margin-left: 100px;*/
	margin-left: 20%;
	/*margin-left: 30px;*/
}

/* -----------------------------------------------
    button	
------------------------------------------------*/
button.kind1 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.1em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

   /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));

   /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    width: 180px;
    margin: 9px;
}

button.kind1:hover {
    opacity: 0.8;
}

/*コンテンツメーカーで出力される最新情報に適用*/
dl {
	    /*float: left ;
	    padding-right: 2px ;
	    text-align: center ;*/
	    margin-left: 30px;
	    width: 75%;
	    border-right: 1px solid #000000;
	    border-bottom: 1px solid #000000;
}

dt {
	    /*左に寄せる*/
	    float: left ;
	    /*後続の左寄せを解除*/
	    clear: left ;
	    /*margin-right: 0.5em ;*/
	    margin-left: 8px;
	    width: 10% ;
        /*border: 4px double #ddd;
        margin: 2em 0;
        padding: 2px;*/
}

dd {
	    /*float: left ;*/
	    margin-left: 110px;
	    /*width: 30% ;*/
}

#news,
.news_title {
    max-width: 800px;
    margin: 0 auto;
    /*padding-left: 130px;*/
    padding-left: 12%;
    /*padding-right: 110px;*/
    /*position:relative;*/
}

/*dt, dd {
    border-bottom: 2px solid #000000;
}*/

.news_title {
   /*align="center";*/
   padding-top: 10px;
}

/*.filter:hover {
  filter: opacity(20%);
  cursor: pointer;
}*/

/*画面サイズに画像を合わせる*/
.resizeimage img,
.container img,
.header_area img,
.mn img {
    /*width: 100%;*/
    max-width: 100%;
    height: auto;
}