@charset "utf-8";
/* CSS Document */

/** Default Setting **/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin				:	0;
	padding				:	0;
}

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

fieldset,img { 
	border				:	0;
}

img {
	vertical-align		:	bottom;
}	

address,caption,cite,code,dfn,em,strong,th,var {
	font-style			:	normal;
	font-weight			:	normal;
}
ol,ul {
	list-style			:	none;
}

caption,th {
	text-align			:	left;
}

h1,h2,h3,h4,h5,h6 {
	font-size			:	100%;
	font-weight			:	normal;
}
q:before,q:after {
	content				:	'';
}
abbr,acronym { 
	border				:	0;
}

hr{
	display				:	none;
}

strong {
	font-weight:bold;
}

.clear{
	clear				:	both;
	height				:	0;
}

.cf{
	display				:	inline-block;
	zoom				:	1;
	/*overflow			:	hidden;*/
}

.cf:after {
	content				:	"";
	display				:	block;
	height				:	0;
	clear				:	both;
	visibility			:	hidden;
	/*overflow			:	hidden;*/
}


/**================================= Link Setting =================================**/

a:link		{color:#5B4227; text-decoration:none;}
a:visited	{color:#5B4227; text-decoration:none;}
a:hover		{color:#5B4227; text-decoration:underline;}
a:active	{color:#5B4227; text-decoration:underline;}

.main a:link	{color:#FF6600;}
.main a:visited	{color:#FF6600;}
.main a:hover	{color:#FF6600;}
.main a:active	{color:#FF6600;}

#top a:link, .bread_navi a:link {color:#5B4227; text-decoration:none;}
#top a:visited, .bread_navi a:visited {color:#5B4227; text-decoration:none;}
#top a:hover, .bread_navi a:hover	{color:#5B4227; text-decoration:underline;}
#top a:active, .bread_navi a:active	{color:#5B4227; text-decoration:underline;}


/**================================= Common Setting =================================**/

body {
	font-family			:	"Meiryo","メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	text-align			:	center;
	color				:	#333333;
	font-size			:	100%;
	line-height			:	1.7;
	/*text-align			:	left;*/
	letter-spacing		:	0.05em;
	background:url(../img/common/bg_body.gif) bottom center repeat-x;
}

.container {
	background:url(../img/common/bg_container.jpg) top center repeat-x;
	text-align			:	center;
}

.navi_skip {
	position			:	absolute;
	left				:	-9999px;
}

#header,
#navi_area ul,
#contents,
.wrappaer {
	margin				:	0 auto;
	text-align			:	left;
}

.pagetop {
	padding-top		    :	20px;
	text-align			:	right;
	padding-bottom		:	10px;
}

#contents a:hover img {
    /* IE */
    filter: alpha(opacity=75);
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}

#jsWarn {
	border:2px #F00 solid;
	font-weight:bold;
	font-size:1.5em;
	color:#F00
}

/**================================= Header Setting =================================**/
#header {
background:url(../img/common/bg_header.jpg) top center no-repeat; min-width:1000px;
width:1000px;
width:auto !important;
}
#header .wrapper { width:895px;
position:relative; text-align:right; margin:0 auto; height:262px;
}
h1 {
bottom: 10px;
left: 0;
position: absolute; width: 453px;
}
#headernavi { padding:15px 0;
position: absolute;
right: 0; }
#headernavi li {
background:url(../img/common/blt_headernavi.gif) left 4px no-repeat; float:left;
padding:0 15px;
font-size:0.75em;
}
#headernavi li.btns { background:none;
padding:0; }
li.btns img { vertical-align:top;
}

/**================================= NAVI area Setting =================================**/

#navi_area {
	background:url(../img/common/bg_grid.gif) left 15px repeat #E4E1D2;
	padding				:	2px 0;
	text-align:center;
	min-width:1000px;
	width:1000px;
	width:auto !important;
}

#navi_area ul {
	width:960px;
}

#navi_area li {
	float				:	left;
}

#navi_area li.btns {
	padding-top:15px;
	font-weight:bold;
	padding-left: 20px;
}



/**================================= Contents Setting =================================**/


/* column layout */
#contents {
	font-size		:	0.85em;
	color			:	#464646;
	width:925px;
	padding:10px 0 0;
}

.main {
	float:left;
    width:665px;
}

.main h2 {
	background:url(../img/common/bg_midasi1.gif) left top repeat-y;
	color: #1A651A;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 12px 10px 6px 60px;
	border:1px solid #E1E9E0;	
}

.main h3 {
	background:url(../img/common/bg_midasi2.gif) left 18px no-repeat;
	margin-bottom:15px;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:1px #CCC dashed;
	padding:16px 0 1px 30px;
}

.main dt {
    border-bottom: 1px solid #6D8C52;
    border-left: 10px solid #6D8C52;
    font-weight: bold;
    margin: 15px 0 10px 0;
	padding:2px 0 0 10px;
}

.main dd {
	padding-left:10px;
}


.main .bread_navi{
	font-size:0.80em;
}

.main .bread_navi li{
	float:left;
	padding:0 8px 0 15px;
	background:url(../img/common/bread_arrow.gif) left 5px no-repeat;
}

.main a{
	text-decoration:underline;
}

.main .bread_navi li.bnavi_top{
	background:none;
	padding-left:0;
}

.main .section {
	/*display:inline-block;*/
	padding-bottom:20px;
}

.main .section ul {
	padding-bottom:15px;
}

.main .section li {
    list-style: circle outside none;
	margin-left:26px;
}

.main .index{
	padding-bottom:20px;
	padding-left:15px;
}

.main .index li {
	background:url(../img/common/blt_gray.gif) left 6px no-repeat;
	padding-bottom:5px;
	padding-left:12px;
}
.circlebox{
    border-left: 1px #CCC solid;
    border-right: 1px #CCC solid;
    border-bottom: 1px #CCC solid;
}

.circlebox h4{
	margin-top:20px;
    border-top: 5px solid #664620;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 10px;
}

.circlebox h4.green{background: none repeat scroll 0 0 #7ABC3D;}
.circlebox h4.red{background: none repeat scroll 0 0 #F16574;}
.circlebox h4.blue{background: none repeat scroll 0 0 #45A7E1;}
.circlebox h4.orange{background: none repeat scroll 0 0 #F58411;}



.circlebox p{
	padding:10px;	
}
.side {
	float:right;
    width:235px;
}


/**  SideArea Setting =================================**/

#menu {
	padding-top:10px;
	position:relative;
}

#menu .myp_on {
	padding-bottom:20px;
}

#menu .mypage {
    position: absolute;
	left: 98px;
    top: 92px;
}

/* kyousan */

#kyousan {
	padding-bottom:20px;
	position:relative;
}

#kyousan h2 {
	margin-bottom:-8px;
}


#kyousan .wrapper{
	background:url(../img/common/bg_grid.gif) -5px 15px repeat #F7F6DA;
	padding:30px 20px 5px;
}

#kyousan .banner {
	/*padding-bottom:10px;
    border-bottom:2px dashed #EBE385;*/
}

#kyousan .banner li{
	margin-bottom:10px;
	background-color:#FFFFFF;
	display:inline-block;
}

#kyousan .banner li img{
	width:195px;
	height:50px;
}

#kyousan .text {
	padding-top:20px;
}

#twitter {
	padding-bottom:20px;
}

/*.twtr-hd{
	display:none;
}*/

.twtr-ft{
	display:none;
}



/**================================= Footer Setting =================================**/

#footer {
	padding				:	30px 0 5px;
	color				:	#5B4227;
}

#footer .navi {
	font-size:0.7em;
}

#footer a {
	text-decoration:underline;
	color:#333;
}

#footer #copyright{
	font-weight:bold;
	padding:48px 0 0;	
}

#footer img {
	vertical-align:middle;
}
/**================== tec ===================**/
/*********************************************
       Bread
*********************************************/
ol#bread {
     margin: 0;
     padding: 0;
     list-style-type: none;
}

ol#bread li {
    display: inline;
    font-size: 75%;
}

ol#bread li a{
    color: #666;
}

ol#bread li.crumb {
    padding-left: 15px;
    background: url(../img/bread_arrow.gif) 3px 3px no-repeat;
}

#content{
      display: inline;
      float: right;    
      width: 580px;
      height: auto;
      margin:0 0 0 20px;
      padding: 0;

}

#content h2{
     height: 37px;
     font-size: 130%;
     font-weight: 900;
     margin: 15px 0 15px 0;
     padding:  0 ;
     color: #664620;
     border:none;
     background: url(../img/h2_bg.gif) 0 20px no-repeat; 
}

#content h3{
    font-size: 90%; 
    font-weight: bold; 
    color: #333
}

#content p{
     line-height:1.4
}
#navigation{

     float:left;   
     width: 200px;



}
/*ログイン*/
.login{
     background-image:url(../parts/mypage/bg_paper.gif);
     background-repeat:no-repeat;
     height:190px;
     padding:50px 0 0 60px;
     width:405px;
     font-size:80%;
     margin: 0px 0 0 115px;
     line-height: 300%;
}
table.login_table td{
     background-color:#EEEEEE;
}

.bg_dot{
     text-align:center;
     width:560px;
     background-image:url(../parts/mypage/bg_dot.gif);
     background-repeat:no-repeat;
     padding:20px 0 0 20px;
     font-size: 90%;
     height: 80px;
     line-height: 1.9em;
     margin-top: 20px;
}
.login_att{
     background-image:url(../parts/mypage/bg_cloud.gif);
     background-repeat:no-repeat;
     text-align:left;
     font-size: 75%;
     width:460px;
     padding:22px 10px 0 110px;
     height: 90px;
}