@charset "utf-8";

/* ---IE7対応clearfix--- */

.clearfix,div.bo,div.topixBox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,div.box,div.topixBox {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,div.box,div.topixBox {height: 1%;}
.clearfix,div.box,div.topixBox {display: block;}
/* End hide from IE-mac */


/* ------------------------------
TAG
------------------------------ */
* {
	margin: 0;
	padding: 0;
}

body  {
	color: #333;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background-image: url(../images/bodyBg.gif);
	background-repeat: repeat;
	letter-spacing: 0em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-position: left top;
}

td{
	font-size: 12px;
	line-height: 1.5em;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1.0em;
}

p {
	padding: 0px;
}

/*--
table {
	border-collapse: collapse;
}
--*/

td {
	padding: 0px;
}

th {
	padding: 0px;
}


img {
	vertical-align: bottom;
	border: 0;
}


li {
	list-style-type: none;

}


/* ------------------------------
aTAG
------------------------------ */
a {
	color: #FF0000;
	text-decoration: none;
}

a:hover {
	color: #f90;
	text-decoration: underline;
}

/* ------------------------------
clear
------------------------------ */
.clear {
	clear: both;
}

/*-----------------------------
Base
------------------------------ */
#wrapper {
	background-image: url(../images/bodyBg.gif);
}
#wrapper1 {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	background-image: url(../images/wrapper1Bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
}

#wrapper2 {
	background-image: url(../images/wrapper2Bg.gif);
	background-position: left 225px;
	width: 1180px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}

#wrapper3 {
	background-image: url(../images/wrapper3Bg.gif);
	background-position: right 225px;
	text-align: left;
	width: 1050px;
	margin-left: 130px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

#container {
	background-image: url(../images/containerBg.jpg);
	background-repeat: repeat-y;
	width: 920px;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

#header {
	margin-left: 20px;
	width: 900px;
		
}

#header h1 {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1em;
	float: left;
	width: 60px;
	padding-top: 5px;
}
#header #h1_p {
	width: 680px;
	font-size: 11px;
	float: left;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 5px;
}


#header #topLogo{
	float: right;
	width: 121px;
}


#header #h1text {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 26px;
	float: left;
	padding-left: 3px;
}
#header_img {
	padding-top: 3px;
	clear: both;
	height: 186px;
	width: 882px;


}
#header_img:after{
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
				}
				
#header_img .area_contact_west {
	position: absolute;
	top: 0px;
	right: 300px;
	height: 16px;
	width: 100px;
	display: block;
}
#header_img img {
	vertical-align: top;
}
#header_img .left {
	float: left;
	height: 186px;
	width: 641px;
}
#header_img .right {
	float: left;
	height: 186px;
	width: 241px;
}
ul#nav {
	margin-left: 20px;
	clear: both;
	padding-top: 5px;
}

ul#nav li {
	display: inline;
}


#main {
	float: right;
	width: 610px;
}

#main2 {
	width: 595px;
	margin-top: 5px;
	padding-bottom: 20px;
}
*html #main2 {
	margin-top: 0px;
}
#footer {
	vertical-align: middle;
	padding-left: 25px;
}

#footerNav {
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7a2d2d;
	padding-top: 20px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#footerNav ul {
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#footerNav ul li{
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-position: left top;
	display: inline;
}


#footerNav ul li a{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	height: 12px;

}

#copyright {
	text-align: center;
	margin: 0px;
	padding: 20px;
}

#more{
	float: right;
	padding-top: 15px;
	padding-right: 50px;
}

#more a{
	color: #FFFFFF;
	text-decoration: underline;
}

/*-----------------------------
main
------------------------------ */

#canpaignBnr{
	float: right;
}

#canpaignBnr img{
	display:block;
}

#bnrSet{
	padding-right: 8px;
}


.box {
	background-color: #FFFFFF;
	margin-top: 6px;
	width: 590px;
	background-image: url(../images/boxBg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	clear: both;
}
.box0 {
	background-image: url(../images/boxBg0.gif);
}


.box td{
	text-align:left;
	vertical-align:top;
}

.box img{	display:block;}
.box .title1{
	float: left;
	width: 131px;
}
.box .title2{
	float: left;
}

.box p.text{
	padding: 5px;
	line-height: 1.3em;
}

.boxContent{
	margin-left: 141px;
}


.box #Box1bg{
	background-image: url(../images/top_sendenpon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.box #Box0bg {
	background-image: url(../images/now0en_bg.gif);
	background-repeat: no-repeat;
	background-position: right 43px;
	min-height:172px;
	height:auto;
}
.box #Box7bg {
	background-image: url(../images/cg_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

*html .box #Box0bg {
	height:171px;
}
#design_table_bg {
	background-image: url(../images/add_design.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}



#Box1Text{
	padding-top: 5px;
	padding-left: 10px;
}
#Box0Text {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 180px;
	padding-bottom: 10px;
}

#boxFirst {margin-top:0px;}

.box #box1-1{
	margin-bottom: 2px;
	margin-left: 10px;
}

.box #box1-2{
	margin-right: 5px;
	padding-left: 10px;
}
.box #box1-3{
	padding-left: 5px;
}
.box #box1-4{
	padding-left: 5px;
}
.box #box2-1{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
}

.box #box2-2{
	padding-top: 5px;
	padding-left: 10px;
}
.box #box2-3{
	padding-top: 10px;
	padding-right: 10px;
}

.box #box3-1{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
}
.box #box3-2{
	padding-top: 0px;
	text-align: right;
}

.box #box4-1{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
}
.box #box4-2{
	text-align: right;
	padding-top: 10px;
}

.box #box5-1{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.box #box5-2 {
	margin-top: 10px;
}

.box #box5-2 img{
	display: inline;
	margin-left: 10px;
}

.box #box5-2 img#img1{
	display: inline;
	margin-left: 10px;
}
.box #box5-2 img#img2 {
	margin-left: 6px;
}


.box #box6-1{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
}
.box #box6-2{
	text-align: right;
	padding-top: 10px;
}
.box #box6-2 img{
	display:inline;
}
.box #box7-1{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 100px;
}
.box #box7-2{
	text-align: right;
	padding-top: 10px;
}
.box #box7-2 img{
	display:inline;
}

.boxContent .boxBnr{}


#titleTopix{
	margin-top: 15px;
}
.t-titleNew{
	line-height: 37px;
	color: #3333FF;
	background-image: url(../images/titleTopixNew.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 10px;
	text-indent: 30px;
	width: 579px;
}
.t-titleAcc{
	line-height: 37px;
	color: #3333FF;
	background-image: url(../images/titleTopixAc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 10px;
	text-indent: 30px;
	width: 579px;
}
.t-titlenom{
	line-height: 37px;
	color: #3333FF;
	background-image: url(../images/titleTopixNormal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 10px;
	text-indent: 30px;
	}
	
.topixBox{
	background-color: #A76F70;
	margin-right: 16px;
	margin-left: 5px;
	background-image: url(../images/topixFoot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 579px;
}
.topixBox p{
	margin-right: 20px;
	margin-left: 20px;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.topixBox p img{
	margin-left: 10px;
}

/*-----------------------------
side
------------------------------ */
#sidebar {
	margin-top: 10px;
	width: 295px;
	float: left;
}
*html #sidebar {
	margin-top: 11px;
}

#sidebar2 {
	padding-left: 25px;
}
.img_height {
	height: 42px;
}
.img_height2 {
	height: 10px;
}
.img_height43 {
	height: 43px;
}
.img_height44 {
	height: 44px;
}




#sidebar img{ display:block;}
#sidebar .img_line_height img {
	display: inline;
}


div.side{
	background-image: url(../images/sideNavBg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 270px;
	text-align: left;
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
div.side div.snav{
	margin-left: 11px;
	clear: both;
	padding-bottom: 3px;
}

div.side div.snavLast{
	margin-left: 11px;
	clear: both;
	padding-bottom: 0px;
}

div.snavL{
	float: left;
	padding-left: 11px;
	padding-bottom: 3px;
}
.snavR{
	float: right;
	padding-right: 11px;
	padding-bottom: 3px;
}

.snavFoot{
	padding-right: 11px;
	clear: both;
}
.sidetitle{
	width: 270px;
}

.snav2{
	margin-left: 15px;
	margin-bottom: 5px;
}

#sideBnr1{
	margin-top: 15px;
	margin-left: 15px;
}
#sideBnr2{
	margin-top: 10px;
	margin-left: 15px;
}
#sideBnr3{
	margin-top: 10px;
}
#sideBnr4{
	margin-top: 10px;
}
#sideBnr5 {
	margin-top: 15px;
}
#sideBnr6 {
	margin-top: 15px;
}
#login_input {
	background-image: url(../images/login_box_middle.jpg);
	background-repeat: no-repeat;
	height: 52px;
	width: 270px;
	padding-top: 3px;
}
#login_input span {
	display: block;
}
#login_input .padding_bottom {
	padding-bottom: 7px;
}

#login_input img {
	display: inline;
	margin-right: 9px;
	margin-left: 10px;
}
#login_input input {
	width: 160px;
}



#login_submit {
	background-image: url(../images/login_box_foot.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 270px;
	text-align: center;
	padding-top: 5px;
}
#login_submit img{
	margin-right: auto;
	margin-left: auto;
}



#concept {
	background-color: #FFFFFF;
	margin-top: 10px;
}
html>body #concept {
	margin-bottom: 20px;
}
#concept ul {
	padding-right: 5px;
	padding-left: 3px;

}

#concept li {
	font-size: 11px;
	text-justify:inter-ideograph;
	text-indent: -0.9em;
	padding-left: 1em;
	line-height: 1.3em;
	color: #000000;
	padding-bottom: 7px;
	text-align: justify;
}
.cm_head{
	position: relative;
}
.cm_head .hukidashi{
	position: absolute;
	top: -18px;
	right: 0px;
}
.cm_head .hukidashi img{behavior: url(css/iepngfix.htc);
}
.mokumoku_banner {
	padding-top: 7px;
	padding-left: 4px;
}


/*-----------------------------
Element
------------------------------ */
.f-r {float:right;}
.f-l {float:left;}
.in {display:inline;}



.left_banner {
	padding-top: 10px;
	padding-bottom: 20px;
}
.campaign_banner {
	padding-top: 12px;
	padding-left: 4px;
	padding-bottom: 1px;
}


#ryokin_h {
	position: relative;
}
#ryokin_h .nesage {
	position: absolute;
	top: -9px;
	right: -5px;
}
#sideBnr5_5 {
	line-height: 1em;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#sideBnr5_5 img {
	display: inline;
}
#sideBnr5_5 .margin_bottom {
	margin-bottom: 12px;
}