/*--------------------------------------------------*/
/* コンテンツ */
.container {
	position               : relative                                              ;
	width                  : 100%                                                  ;
	height                 : auto !important                                       ;
	height                 : 100%                                                  ;
	min-height             : 100%                                                  ;
	display                : inline-block                                          ;
	/display               : inline                                                ; /* IE用ハック */
	/zoom                  : 1                                                     ; /* IE用ハック */
}


/*--------------------------------------------------*/
/* 大枠 */
.screen {
	position               : relative                                              ;
	height                 : auto !important                                       ;
	height                 : 100%                                                  ;
	min-height             : 100%                                                  ;
	padding-bottom         : 30px                                                  ; /*フッターの高さと同じ*/
	text-align             : center                                                ;
}

/*--------------------------------------------------*/
/* ヘッダー部分の設定 */
.headerArea {
	width                  : 100%                                                  ;
	height                 : 65px                                                  ;
	text-align             : center                                                ;
	padding-top            : 10px                                                  ;
	overflow               : hidden                                                ;
	background-color       : white                                                 ;
}
.headerGroup {
	float                  : left                                                  ;
	width                  : 85%                                                   ;
	height                 : 65px                                                  ;
}
.headerLeft {
	float                  : left                                                  ;
	width                  : 10%                                                   ;
	height                 : 65px                                                  ;
	margin-left            : 20px                                                  ;
}
.headerCenter {
	float                  : left                                                  ;
	width                  : 80%                                                   ;
	height                 : 65px                                                  ;
	margin-left            : 80px                                                  ;
	padding-top            : 10px                                                  ;
	text-align             : center                                                ;
	font-size              : 30px                                                  ;
}
.headerRight {
	float                  : right                                                 ;
	width                  : 180px                                                 ;
	height                 : 65px                                                  ;
	margin-left            :-180px                                                 ;
	padding-top            : 5px                                                   ;
}
/*--------------------------------------------------*/
/* メニューエリア */
.menu_area{
	height              : 60px                                    ;
	width               : 100%                                    ;
}

.menu_center{
	position            : relative                                ;
	display             : block                                   ;
	margin              : 0 auto                                  ;
	text-align          : center                                  ;
}

.menu_center ul{
	list-style_type     : none                                    ;
	margin              : 0                                       ;
	padding             : 10px 0 0 0                              ;
}

.menu_center li{
	float               : left                                    ;
	width               : 150px                                   ;
	margin              : 0                                       ;
	padding             : 0                                       ;
	border-left         : 1px solid #CCC                          ;
	padding-left        : 6px                                     ;
	margin-left         : 6px                                     ;
	display             : -moz-inline-box                         ;
	display             : inline-block                            ;
	display             : inline                                  ;
	vertical-align      : sub                                     ;
	zoom                : 1                                       ;
}
.menu_center li:first-child{
	border-left         :none                                     ;
}
.menu_center a{
	width               : 100%                                    ;
	text-align          : center                                  ;
	display             : block                                   ;
	background-color    : white                                   ;
	color               : black                                   ;
	text-decoration     : none                                    ;
}

.menu_center a:hover{
	border-bottom       : solid 5px tomato                        ;
}

/*--------------------------------------------------*/
/* フッター */
.footer{
	position            : absolute                                ;
	left                : 0                                       ;
	bottom              : 0                                       ;
	height              : 20px                                    ;
	color               : gray                                    ; /*文字色*/
	background          : darkgreen                               ; /*背景色*/
	width               : 100%                                    ;
	margin-top          : 20px                                    ;
}
.footer1{
	position            : relative                                ;
	background-color    : #063                                    ;
	color               : gray                                    ;
	font-size           : 10pt                                    ;
}

/*--------------------------------------------------*/
/* ラインｈｒ */
hr.style_one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.style_two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style_three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.style_four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr.style_five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style_six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style_seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style_seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
hr.style_eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style_eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}