﻿@charset "utf-8" ;

html * {
	margin : 0 ;
	padding : 0 ;
}

body {
	background : #94E4E8 url(http://sumutter.com/bg.gif) repeat-x fixed ;
	background-attachment : fixed ;
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif ;
}

h1 {
	text-align : left ;
	width : 258px ;
	height : 60px ;
	text-indent : -5000px ;
	background : url(http://sumutter.com/header.gif) no-repeat ;
}

h2 {
	color : #ffffff ;
	background : #266568 ;
	padding : 5px ;
}

h3 {
	color : #ffffff ;
	background : #266568 ;
	padding : 5px ;
	font-size : 13px ;
}

a img {
	border : 0 ;
}

p {
	margin : 10px 5px 5px 10px ;
}

table {
	width : 180px ;
	margin : 5px ;
	font-size : 12px ;
}

th {
	padding : 10px 0 0 0 ;
	font-size : 14px ;
	text-align : left ;
}

td {
	padding : 3px ;
}

td img {
	padding : 0 0 0 10px ;
	width : 20px ;
	height : 20px ;
}

#description {
	max-width : 1260px ;
	min-width : 738px ;
	margin : 0 auto ;
	padding : 2px ;
	font-size : 10px ;
}

#header {
	max-width : 1260px ;
	min-width : 738px ;
	height : 60px ;
	margin : 5px auto 10px auto ;
	background : #94E4E8 ;
}

.header-l {
	width : 300px ;
	float : left ;
}

.header-r {
	width : 438px ;
	float : right ;
}

.navigation {
	list-style : none outside none ;
	background-color : #FFFFFF ;
	display : inline-block ;
	margin : 20px 0 0 0 ; 
	padding : 0 5px ;
	white-space : nowrap ;
	float : right ;
	font-size : small ;
}

.navigation > li {
	position : relative ;
	float : left ;
	margin : 4px ;
}

.round {
	border-radius : 5px ;
	-webkit-border-radius : 5px ;
	-moz-border-radius : 5px ;
}

.attention {
	text-align : center ;
	font-size : 20px ;
	line-height : 30px ;
	color : red ;
	background : yellow ;
	margin : 0 100px 10px 100px ;
	padding : 10px ;
}

#wrap {
	max-width : 1260px ;
	min-width : 738px ;
	margin : 0 auto ;
}

#wrap2 {
	width : 728px ;
	margin : 0 auto ;
}

.SUUMO {
	width : 720px ;
	height : 90px ;
	margin : 5px auto ;
}
.suumo2 {
	background : white ;
	width : 200px ;
	margin : 0 5px 10px 5px ;
	font-size : 10px ;
	line-height : 15px ;
}

#content {
	margin : 0 270px 0 220px ;
}

#navi1 {
	width : 210px ;
	margin : 0 ;
	background : #DDFFCC ;
	float : left ;
}

#navi2 {
	width : 260px ;
	margin : 0 ;
	background : #DDFFCC ;
	float : right ;
}

#footer {
	font-size : 10px ;
	max-width : 1260px ;
	min-width : 738px ;
	height : 30px ;
	margin : 10px auto ;
	padding : 10px ;
	background : #ffffff ;
	text-align : center ;
}

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

.clearfix {
	display : inline-block ;
	min-height : 1% ;
}

* html .clearfix {
	height : 1% ;
}

.clearfix {
	display : block;
}

.search {
	width : 190px ;
	margin : 10px ; 
	background : #ffffff;
}

.list {
	width : 190px ;
	margin : 10px ; 
	padding : 0 0 5px 0 ;
	background : #ffffff;
}

.list p {
	font-size : 14px ;
	margin : 5px ;
	padding : 0 ;
}

.list ul {
	list-style-type : none ;
}

.list ul li {
	font-size : 12px ;
	margin : 0 0 10px 20px ;
	padding : 0 ;
}

.radio {
	width : 160px;
	margin : 0 0 5px 15px ;
}

input[type="text"] {
	width : 156px ;
	margin : 0 0 5px 15px ;
}

input[type="button"] {
	width : 60px ;
	margin : 0 0 10px 115px ;
}

.rakuten {
	width : 200px ;
	margin : 0 5px 10px 5px ;
}

.amazon1 {
	width : 200px ;
	margin : 0 5px 10px 5px ;
}

.amazon2 {
	width : 250px ;
	margin : 0 5px 10px 5px ;
}

.vc {
	width : 236px ;
	margin : 0 12px 10px 12px ;
}

.vc2 {
	width : 250px ;
	margin : 0 5px 10px 5px ;
}

.a8 {
	width : 234px ;
	margin : 0 13px 10px 13px ;
}

.google {
	width : 250px ;
	margin : 5px 5px 10px 5px ;
}


.hitorigurasi {
	font-size : 120% ;
	color : #085258 ;
	background-color : #8ADEE2 ;
}

.hitorigurasi .tweet_list {
	list-style-type : none ;
	margin : 0 ;
	padding : 0 ;
}

.hitorigurasi .tweet_list li {
	overflow : auto ;
	padding : .5em ;
}

.hitorigurasi .tweet_list li a {
	color : #0C717A ;
}

.hitorigurasi .tweet_list .tweet_even {
	background-color : #8ADEE2 ;
}

.hitorigurasi .tweet_list .tweet_avatar {
	padding-right : .5em ;
	float : left ;
}

.hitorigurasi .tweet_list .tweet_avatar img {
	vertical-align : middle ;
}

.tweet {
	font-size : 120% ;
	color : #085258 ;
	background-color : #8ADEE2 ;
}

.tweet .tweet_list {
	list-style-type : none ;
	margin : 0 ;
	padding : 0 ;
	background-color : #94E4E8 ;
}

.tweet .tweet_list li {
	overflow : auto ;
	padding : .5em ;
}

.tweet .tweet_list li a {
	color : #0C717A ;
}

.tweet .tweet_list .tweet_even {
	background-color : #8ADEE2 ;
}

.tweet .tweet_list .tweet_avatar {
	padding-right : .5em ;
	float : left ;
}

.tweet .tweet_list .tweet_avatar img {
	vertical-align : middle ;
}