@charset "UTF-8";
/* 杉本 幸治後援会サイト text.css */


/* position */

#wrapper {
	text-align: left;
	width: 90%;
	margin: 0 auto;
}

#header {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-bottom: 1px solid #ff3800;
}


#container {
	width: 100%;
	clear: both;
}

#contents_column_outer {
	width:100%;
	float:right;
	position:relative;
	z-index:1;
	background-color: #fff;
}

#contents_column {
	position:relative;
	margin-left: 180px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	background-color: transparent;
	border: solid 1px #3333cc;
	line-height: 135%;
}

#menu_column_outer {
	float: left;
	width: 180px;
	background-color: transparent;
	position:relative;
	margin-right: -180px;
	z-index:2;
}

#menu_column {
	background-color: #fff;
	padding: 1.5em 0 0 0em;
}
* html #menu_column  {
	margin-bottom: 0;
}

#news_column_outer {
	width: 164px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 1em;
}

#news_column_outer .news_column {
	margin-bottom: 0.5em;
}



/* heder */
#header h2 {
	background-color: #fff;
	padding: 0;
	margin: 5px 0 3px 0;
}

.sugimoto {
	position: absolute;
	top: 30px;
	right: 5%;
}


/* menu_column Menu */

#menu_column {
}

.menu {
	line-height: 0%;
	margin: 0;
	padding: 0;
}

.menu ul {
	margin: 0;
	padding: 0;
}

.menu p {
	padding: 0;
	margin: 0;
}

.menu ul li {
	width: 164px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.menu li a {
	display: block;
	color: #660000;
	width: 100%;
	height: 45px;
	margin: 0 0 3px 0;
	padding: 0;
	text-decoration: none;
	background-repeat: no-repeat;
}
* html .menu li a   {
	margin: 0 0 0 0;
}

.home02 {
	background-image: url("../images/home02.png");
	background-position: 0 0;
}

.profile {
	background-image: url("../images/profile02.png");
	background-position: 0 0;
}
.profile_now {
	background-image: url("../images/profile02.png");
	background-position: 1px -48px;
}

.syucyo {
	background-image: url("../images/syucyo02.png");
	background-position: 0 0;
}
.syucyo_now {
	background-image: url("../images/syucyo02.png");
	background-position: 1px -48px;
}

.sanpoohkai {
	background-image: url("../images/sanpoohkai02.png");
	background-position: 0 0;
}
.sanpoohkai_now {
	background-image: url("../images/sanpoohkai02.png");
	background-position: 1px -48px;
}

.admission {
	background-image: url("../images/admission02.png");
	background-position: 0 0;
}
.admission_now {
	background-image: url("../images/admission02.png");
	background-position: 1px -48px;
}

.contribution {
	background-image: url("../images/contribution02.png");
	background-position: 0 0;
}
.contribution_now {
	background-image: url("../images/contribution02.png");
	background-position: 1px -48px;
}

.sitemap {
	background-image: url("../images/sitemap02.png");
	background-position: 0 0;
}
.sitemap_now {
	background-image: url("../images/sitemap02.png");
	background-position: 1px -48px;
}

.mailform {
	background-image: url("../images/mailform02.png");
	background-position: 0 0;
}
.mailform_now {
	background-image: url("../images/mailform02.png");
	background-position: 1px -48px;
}

.menu li a:link {
}

.menu li a:visited {
}

.menu li a:hover {
	background-position: 1px -48px;
}


.news_column {
	margin: 2px;
	padding: 0;
	border: 1px solid #3300ff;
}

#news_column_outer p {
	margin: 0;
	padding: 0;
}

#news_column_outer h2 {
	color: #fff;
	font-size: 90%;
	padding: 4px 0.5em 0.1em 0.5em;
	background-color: #d4d5d9;
	background-image: url("../images/title_blue.png");
	background-position: 0 0;
	background-repeat: repeat-x;
}

.news h3 {
	font-size: 73%;
	line-height: 130%;
	padding: 0.5em 0.5em 0.3em 0.5em;
	margin: 0;
	border-top: 5px solid #d4d5d9;
}

.news p {
	font-size: 75%;
	margin: 0;
	padding: 0.5em 0.5em 0.3em 0.5em;
	line-height: 135%;
}

.news a {
	text-decoration: none;
}
.news h3 a:link {
	color: #2f2f82;
}

.news h3 a:visited {
	color: #2f2f82;
}

.news h3 a:hover {
	color: #990099;
}

.news a:link {
	color: #000033;
}

.news a:visited {
	color: #000033;
}

.news a:hover {
	color: #990099;
}



/* contents */

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

.rinen {
	position:relative;
	margin: 0.3em;
	border: solid 1px #ff0000;
	text-align: center;
	background-color: #3333ff;
}

.rinen h3 {
	background-color: #ff3300;
	font-weight: bold;
	color: #ffffff;
	margin: 0.1em 0.1em 0.3em 0.1em;
	letter-spacing: 0.5em;
}

#contents_column .rinen p {
	color: #ffffff;
	font-size: 100%;
	line-height: 125%;
	text-indent: 0;
	margin-left: 0;
}

.profile_txt h4 {
	display: list-item;
	list-style-type: disc;
	margin: 1em 1em 0.3em 1.5em;
}

.profile_txt p {
	margin-left: 3em;
}

#contents_column .sugimoto_syucyo h3 {
	position:relative;
	line-height: 180%;
	text-indent: -1em;
	background-color: #ffffff;
	border: none;
	font-size: 130%;
	font-weight: bold;
	padding: 0.5em 1em 0 1em;
	margin: 0.5em;
}

#contents_column .sugimoto_syucyo h4 {
	position:relative;
	font-weight: bold;
	text-align: center;
	border: 3px solid #cccccc;
	background-color: #ffccff;
	padding: 0.5em 1em 0 1em;
	margin: 0.5em;
}

#contents_column .sugimoto_syucyo p {
	font-size: 110%;
	margin-left: 2em;
}

.syucyo_list {
	padding: 1em;
	background-color: #fff1e1;
	border: 1px dotted;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#contents_column .syucyo_list h4 {
	font-size: 140%;
	color: #ff6600;
	text-align: left;
	text-indent: 2em;
	background-color: transparent;
	border: none;
	margin: 0 0 -1em 0;
	padding: 0;
	top:-1.65em;
}

#contents_column .syucyo_list ul {
	font-size: 100%;
}


#contents_column .syucyo_list ul li {
	list-style-image: url('../images/square.png');
	
}