@charset "iso-8859-1";

@media screen {

/* RESET */

* {
	margin: 0;
	padding: 0;
	font-size:100%;
}

img {
	border: 0;
}

/* Common Style */
body {
	background-color:#ffffff;
	word-break:break-all;
	font-family:Arial, Helvetica, sans-serif;
	word-break:keep-all;
}

p,li,ol {
	font-size:80%;
	letter-spacing:1px;
}

ul, ol {
	list-style:none;
}


h1,h2,h3 {
	letter-spacing:1px;
}


p {
	line-height:150%;
	color:#272727;
}

.font_big{
	font-size:115%;
}

.font_small{
	font-size:70%;
}

.font_red{
	color:#FF0000;
}

.font_blue{
	color:#0000FF;
}

.font_bold {
	font-weight:bold;
}

/* Link */

a {
	color : #233994;
	text-decoration:underline;
}	

a:active {
	color : #233994;
	text-decoration:underline;
}

a:visited {
	color :#233994;
	text-decoration:underline;
}

a:hover	{
	color :#a24f44;
	text-decoration:none;
}	


/* Sticky footer */

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
	margin-bottom: -58px;
	background:url(../images/bg_body.gif) repeat-y;
}

* html #container {		/* for IE6 and below */
	height: 100%;
}

#container-footer {
	height: 58px;
	clear: right;
}

/* Two-column layout */

#container-main {
	margin-left: 255px;

}

#container-contents {
	width: 100%;
	float: right;

}

#container-sidebar {
	width: 255px;
	margin-left: -255px;
	float: right;

}


/* Min-width */

body {
	min-width: 500px;
}

* html .min-width-1 {		/* for IE6 and below */
	border-left: 500px solid #fff;

}

* html .min-width-2 {		/* for IE6 and below */
	background:url(../images/bg_body.gif) repeat-y;
	margin-left: -500px;
	position: relative;
}

* html .min-width-1,
* html .min-width-2,
* html #container-main {
	/*\*/
	height: 1px;		/* for Windows IE6 and below */
}


/* Header
------------------------------ */
#header {
	background:url(../images/bg_header.gif) repeat-x;
	height: 128px;
	font-weight: normal;
	text-align: left;
}

#header a {
	color : #FFFFFF;
	text-decoration:none;
}	

#header a:active {
	color : #FFFFFF;
	text-decoration:none;
}

#header a:visited {
	color :#FFFFFF;
	text-decoration:none;
}

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


#gm{
	height:30px;
	padding-left:25px;
	width:230px;
	font-size:12px;

}

ul.gm_list li {
	padding:8px 12px 0 15px;
	background:url(../images/icon_white_arrow.gif) no-repeat  0px 10px;
	font-size:12px;
	float:left;
}

#s_menu {
	height:30px;
	position:absolute;
	right:12px;
	top:0px;
	margin-left:25px;
	width:620px;
	/*border:1px solid #f00;*/
}

ul.s_menu_list li {
	padding:8px 12px 0 10px;
	background:url(../images/icon_white_arrow2.gif) no-repeat  0px 13px;
	font-size:12px;
	float:left;
}

#logo{
	background-image:url(../images/bg_header_photo.jpg);
	background-repeat:no-repeat;
	background-position:right;
	top:30px;
	height:62px;
}
.logo{
	position:absolute;
	top:45px;
	margin-left:25px;
}
/* 
Global Menu
------------------------------ */

#menu{
    top:92px;
    left:;
    width:780px;
    position:absolute;
    z-index:100;
}

#menu li{
	float:left;
}
/* 
Topics Path
------------------------------ */
#path {
	height:19px;
	background-color:#FFF;
}


#path-txt {
	padding-left:37px;
	padding-top:4px;
	font-size:75%;
}


/* Contents
------------------------------ */

#contents {
	margin-left: 0px;
	margin-right:53px;
	background-color:#FFF;
	position: relative;
}

#contents h1{
	background:url(../images/h1.gif) no-repeat;
	text-indent:25px;
	font-size:18px;
	line-height:168%;
	height:31px;
	margin-bottom:10px;
	margin-top:10px;
}

#contents h1.small{
	font-size:90%;
	line-height:220%;
}

#contents h2{
	background-image:url(../images/h2.gif);
	background-repeat:no-repeat;
	background-color:#d8e5f9;
	text-indent:25px;
	font-size:14px;
	line-height:175%;
	height:27px;
	margin-bottom:10px;
	margin-top:23px;
	padding:3px 0 0 0;
}

#contents h3{
	background-image:url(../images/h3.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	border-bottom:#e4e4e4 solid 2px;
	text-indent:25px;
	font-size:14px;
	line-height:175%;
	height:24px;
	margin-bottom:7px;
	margin-top:23px;
}

#contents h4 {
	border-left:#818181 solid 7px;
	text-indent:8px;
	font-size:12px;
	line-height:125%;
	height:16px;
	margin-bottom:7px;
	margin-top:23px;
}


#contents h5 {
	border-bottom:#818181 dotted 1px;
	font-size:12px;
	line-height:100%;
	height:14px;
	margin-bottom:6px;
	margin-top:23px;
}




/* List
------------------------------ */
/* Maru Icon */
ul.maru {
	list-style:none;
	margin:8px 0 15px 20px;
}

ul.maru li {
	background:url(../images/li_maru.gif) no-repeat 2px 7px;
	padding:0px 3px 0 25px;
}

/* Link Icon */
ul.arrow {
	list-style:none;
	margin:0;
}

ul.arrow li {
	background:url(../images/icon_orange_arrow.gif) no-repeat 0px 6px;
	padding-left:20px;
	margin:0 0 5px 0;
}

/* Suji */
ol.suji{
	list-style-type:decimal;
	margin:8px 0 15px 45px;
	line-height:140%;
}

ol.suji li{
	padding:0px 3px 0 0px;
	font-size:100%;
}

/* Yoko-narabi */
.yokolist li {
	list-style:none;
	display:inline;
	margin:0 20px 20px 0;
	border-right: #666 1px solid;
	/*background:url(../images/icon_orange_arrow.gif) no-repeat center left;*/
	padding:0px 10px 0 0;
	line-height:180%;
}

.yokolist ul {
	margin:-7px 0 20px 0;
}


/* Hyou-gumi
------------------------------ */
caption {
	caption-side:top;
	text-align:left;
	font-weight:bold;
	font-size:80%;
}

table.style01 {
	border-collapse:collapse;
	border:1px solid #333;
	border-spacing:0;
	empty-cells:show;
	line-height:15px;
	width:100%;
	margin-bottom:5px;
	margin-top:5px;
}

table.hl01 th {
	padding:5px;
	border:1px solid #333;
	background-color:#c4d8f6;
	color:#000000;
	font-size:80%;
	font-weight:normal;
	text-align:center;
}

table.hl01 th.left {
	text-align:left;
}

table.data01 td {
	padding:5px;
	border:1px solid #333;
	background-color:#ffffff;
	font-size:80%;
	color:#000000;
	line-height:15px;
}

table.data01 td.right {
	text-align:right;
}

table.data01 td.left {
	text-align:left;
}


table td.data02 {
	background-color:#ffd9d9;
}

/* Wakugumi
------------------------------ */
.waku{
	width:auto;
	background-color:#f8efd0;
	padding:15px;
	margin:10px 0 10px 0;
	clear:both;
}

/* PAGE TOP
------------------------------ */
#page_top{
	width:auto;
	margin:30px 0 15px 0;
	text-align:right;
	font-size:80%;
	clear:both;
}

#page_top a {
	color : #000;
	text-decoration:none;
}	

#page_top a:active {
	color : #000;
	text-decoration:none;
}

#page_top a:visited {
	color :#000;
	text-decoration:none;
}

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



/* Link Icon */
.in {
	padding:5px 10px 5px 15px;
	background:url(../images/icon_orange_arrow.gif) no-repeat center left;
	text-decoration:underline;
}

.in_up {
	padding:5px 10px 5px 15px;
	background:url(../images/icon_orange_arrow_up.gif) no-repeat center left;
	text-decoration:underline;
}


/* Layout Chousei
------------------------------ */
.margin_b01 {
	margin:0 0 20px 0;
}

.layout_table01 {
	border:none;
}



/* Site Search
------------------------------ */
.transmit {
	width: 49px; height: 19px;
	margin: 0 0 0 5px;
	border: none;
	background-color:#fff;
	font-size: 12px;
	color:#000;
}

.searchbox {
	width:120px; height:15px;
	font-size: 12px;
	margin:0 0 0 3px;
}


/* Left Menu
------------------------------ */
#sidebar {
	margin-right:25px;
	text-align: left;
	word-break: break-all;	/* for IE6 and below */
	overflow: hidden;
	position: relative;
	background-color:#f3f3f3;
}


#sidebar li {
	margin:0px 10px 0px 10px;
	padding:4px 7px 7px 20px;
	background:url(../images/menu_arrow01.gif) no-repeat 5px 9px;
	border-bottom:dotted 1px #cccccc;
}


/* 2kaisou 01 */
#sidebar li.type02 {
	margin:0px 10px 0px 10px;
	padding:4px 7px 7px 20px;
	background:url(../images/menu_arrow02.gif) no-repeat 5px 9px;
	border-bottom:none;
}


/* 2kaisou indent */
#sidebar li.type03 {
	margin-left:3px;
	padding:4px 7px 4px 27px;
	background:url(../images/menu_arrow03.gif) no-repeat 15px 9px;
	border-bottom:none;
}
/* 2kaisou indent underline */
#sidebar li.type04 {
	margin-left:15px;
	padding:4px 7px 4px 27px;
	background:url(../images/menu_arrow03.gif) no-repeat 15px 9px;
	border-bottom:dotted 1px #cccccc;
}

#sidebar a {
	color : #000000;
	text-decoration:none;
}	

#sidebar a:active {
	color : #ff7800;
	text-decoration:underline;
}

#sidebar a:visited {
	color :#000000;
	text-decoration:none;
}

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

#sidebar h2.activities {
	background:url(../activities/images/menu_title.gif) no-repeat;
	height:41px;
	font-size:16px;
	color:#FFFFFF;
	text-indent:55px;
	line-height:53px;
}
#sidebar h2.profile {
	background:url(../profile/images/menu_title.gif) no-repeat;
	height:41px;
	font-size:16px;
	color:#FFFFFF;
	text-indent:55px;
	line-height:53px;
}

#sidebar h2.alluse {
	background:url(../images/menu_title.gif) no-repeat; 
	height:41px;
	font-size:16px;
	color:#FFFFFF;
	text-indent:55px;
	line-height:53px;
}

#sidebar h2.side_title_12{
	font-size:12px;
}

/* Footer
------------------------------ */

#footer {
	height: 58px;
	text-align: left;
}

.address{
	background-color:#3b7de0;
	text-indent:10px;
	line-height:27px;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
}

.copyright{
	background-color:#FFF;
	text-indent:10px;
	line-height:31px;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

}