/* ++ Common tag style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body { font-size: 90%; color: #444; text-align: center; line-height: 1.4; }

h1, h2, h3 { margin: 5px 0px 5px 0px; }
h4, h5, h6 { margin: 2px 0px 2px 0px; }

h1 { font-size	: 140%; }
h2 { font-size	: 130%; }
h3 { font-size	: 120%; }
h4 { font-size	: 110%; }
h5 { font-size	: 105%; }
h6 { font-size	: 100%; }

img { border: none; }

a { text-decoration : none; color : #44A; }
a:hover { text-decoration : underline; color : #444; }

p { margin: 5px 2px 5px 2px; text-align: left; }


table {	border-collapse: collapse; }
td.label, td.label2, td.value, td.value2
    { padding: 5px 5px; text-align: left; vertical-align: top; border: 1px solid #AAA; }
td.label, td.label2
    { background-color: #EEF; }

/* ++ Frame style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#frame { width: 810px; margin: 0px auto; text-align: center; }

#mainframe_top { width: 810px; height: 7px; margin-top: 10px; background: url(./img/bg_frame_top.gif) no-repeat; }
#mainframe_top { font-size: 1px; } /* IEでmainframe_middleとの間に隙間が空く問題対応 */

#mainframe_middle { width: 810px; height: auto;	background: url(./img/bg_frame_middle.gif) repeat; text-align: left; }
#mainframe_bottom {  width: 810px; height: 12px; margin-bottom: 10px; background: url(./img/bg_frame_bottom.gif) no-repeat 0 0; }
#mainframe { width: 785px; height: auto; margin-left: 10px; }

#header { width: auto; height: auto; }
#contents { width: 800px; height: auto; margin: 5px 0px 15px 0px; }
#footer { width: 780px; margin-top: 5px; padding: 2px 0; color: #FFF; background-color: #0093DD; text-align: center; font-size: 80%; font-weight: bold; }

/* ++ Common item style ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#logo { width: 420px; height: 80px; float: left; text-align: left; }

#topmenu { width: 330px; height: 40px; margin: 40px 0px 0px 25px; float: left; }
#topmenu li { height: 18px; margin-right: 10px; padding-left: 18px; float: left; list-style-type: none; background: url(./img/icon_circlearrow.gif) no-repeat 0 2px; }

#cmnmenu { width: 785px; height: 38px; }
#cmnmenu li { height: 36px; margin-right: 2px; float: left; list-style-type: none; overflow: hidden; text-align: center; border: 1px solid #999; }
#cmnmenu li a {	width: 126px; height: 32px; display: block; text-decoration: none; border-bottom: 4px solid #6699FF; }
#cmnmenu li a:hover { border-bottom: 4px solid #66CC00; }


/* ++ Common class style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h3.b_ball { padding-left: 13px; background: url(./img/com_ico_008.gif) no-repeat 0 50%; text-align: left; }

div.headerlink { width: auto; margin: 15px 0; padding: 5px 7px; text-align: right; font-size: 78%; }
div.headerlink a { width: auto; padding: 2px 5px 2px 15px; text-align: center; border: 1px solid #0066bb; background: #42a0ff url(./img/icon_triangle01.gif) no-repeat 5px center; color: #fff; }
div.headerlink a:hover { text-decoration: none;  border: 1px solid #002288; color: #fff; background-color: #64c2ff; }

.photo_260_200 { width: 275px; height: 215px !important; background: url(./img/bg_photo_260-200.gif) no-repeat 0 0; }
.photo_260_200 img { width: 260px; height: 200px; margin: 5px 0 0 5px; padding: 0; }

.align_l { float: right; margin: 5px; }
.align_r { float: left; margin: 5px; }

.hidden { display: none; }

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

/* ++ Common id style ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#preparing { padding-top: 100px; width: auto; height: auto; text-align: center; }






/* ++ ????? ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p.largish { margin: 10px 2px 10px 2px; text-align: left; }
p.indent1 { margin: 5px 2px 5px 15px; }
div.package { margin: 2px 2px 2px 2px; }