/* CSS Document */


/************************************
/* リセット
************************************/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/************************************
/* 基本
************************************/
html, body, div, span,h1, h2, p,  em, img, strong,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,article, aside, figure, footer, header,hgroup, nav, section,time {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	word-break:break-all;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.5;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	color:#333;
	text-align:center;
	font-size:14px;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#06C;
	text-decoration:none;
}
a:active {
	color:#F36;
}
a:visited {
	color:#996699;
}
#wrap {
	padding: 10px;
}
section, nav {
	margin-bottom: 1em;
}


/************************************
/* header
************************************/
header {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000080;
}
header hgroup {
	min-height: 26px;
	height: auto !important;
	height: 26px;
	width: auto;
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #00bfff), color-stop(0.34, #4169e1));
	background: -webkit-linear-gradient(top, #00bfff 34%, #4169e1 100%);
	background: -moz-linear-gradient(top, #00bfff 34%, #4169e1 100%);
	background: -o-linear-gradient(top, #00bfff 34%, #4169e1 100%);
	background: -ms-linear-gradient(top, #00bfff 34%, #4169e1 100%);
	background: linear-gradient(top, #00bfff 34%, #4169e1 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8),
				inset 1px 0 0 rgba(255, 255, 255, 0.3),
				inset -1px 0 0 rgba(255, 255, 255, 0.3),
				inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #FFF;
}


/************************************
/* コンテンツ
************************************/
h2 {
	background-color: #F5F5F5;
	width: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0.5em;
	font-size: 12px;
	display:-webkit-box;
}
.h2 a {
	-webkit-box-flex:1.5;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display: block;
}

h3 {
	padding: 0 10px;
	color: #111111;
	font-size: 121%;
	font-weight: bold;
	text-shadow: 0 1px 1px #ffffff;
	line-height: 32px;
	border-top: solid 3px #000080;
	border-bottom: solid 1px #ababab;
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(97%, #ebebeb), color-stop(97%, #ffffff), to(#ffffff));
}


/************************************
/* リストBOX
************************************/
.list_box ul {
margin-bottom: 10px;
}
.list_box ul li {
	background-image: url(../images/ico_mypage_arrow_gray1.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 19px 14px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.list_box ul li a {
	display: block;
	padding: 10px 20px 10px 10px;
}
.list_box ul li.more {
	text-align: center;
}
.list_box p {
	margin-top: 10px;
	margin-bottom: 60px;
}


/************************************
/* footer
************************************/
footer ul {
	font-size: 12px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
footer address {
	font-style: normal;
	color: #666;
	background-color: #DCDCDC;
	padding: 0.5em;
	font-size: 10px;
	margin-top: 10px;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}