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

/*************************
  Common
*************************/

* {
margin:0;
padding:0;
}

html {
}

body {
background-color:#FFFFFF;
color:#555555;
font-size:13px;
line-height:1.7;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-top:30px;
}

/*
h1,h2,h3,h4,h5 {
font-size:1em;
font-weight:normal;
}
*/

ul li {
list-style:none
}

a {
color:#7c4700;
text-decoration:none;
}

a:visited {
color:#7c4700;
text-decoration:none;
}

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

img {
border:0;
}

p {
margin-bottom:1em;
}

/*************************
  Class
*************************/

.italic {
font-style:italic;
}

.left1em {
margin-left:1em;
}

.left {
text-align:left;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

.larger {
font-size:larger;
}

.clear {
clear:both;
}

.hide {
display:none;
}

.right25 {
margin-right:25px;
}

.smaller {
font-size:0.8em;
}

.mb15 {
margin-bottom:15px;
}

.mb30 {
margin-bottom:30px;
}

.mb50 {
margin-bottom:50px;
}

.ml15 {
margin-left:15px;
}

.mr15 {
margin-right:15px;
}

.padall15 {
padding:15px;
}

.hidepage {
display:none;
}

/*************************
  Color
*************************/

.greengray {
color:#99aa99;
}

.blue {
color:#006699;
}


/*************************
  Contents
*************************/

#wrapper {
width:900px;
height:100%;
min-height:100%;
margin:0 auto;
overflow:hidden;
}

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

#left180, #main700, #right20{
float:left;
height:100%;
min-height:100%;
padding-bottom:32768px;
margin-bottom:-32768px;
}


/*************************
  Index
*************************/

#index_navi {
width:900px;
text-align:right;
}

#index_navi ul li {
display:inline;
margin-right:15px;
}

#index_navi ul li.right {
margin-right:0;
}

#index_footer {
width:900px;
}

/*************************
  Header
*************************/

#header {
width:900px;
}

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

#header ul {
margin-left:20px;
}

#header ul li {
float:left;
display:inline;
padding-right:1em;
margin-right:1em;
border-right:1px dotted #aaaaaa;
}

#header ul li.most_right {
padding-right:0;
margin-right:0;
border:0;
}

/*************************
  Main
*************************/

#main_top {
width:900px;
height:20px;
background:url(http://makanamagazine.com/assets/images/common/line_top.png) no-repeat;
position:relative;
}

#main {
width:800px;
background:url(http://makanamagazine.com/assets/images/common/line_mid.png) repeat-y;
padding:25px 50px;
}

#main.h2,h3,h4 {
color:#777777;
letter-spacing:0.2em;
}

#main_btm {
width:900px;
height:20px;
background:url(http://makanamagazine.com/assets/images/common/line_btm.png) no-repeat;
}

/*************************
  top
*************************/

#top_logo {
width:800px;
}

#top_logo img {
margin:0 auto;
margin-bottom:30px;
}

#top_news div.logo {
float:left;
width:100px;
margin-left:10px;
}

#top_news div.words {
float:left;
width:690px;
}

#top_news dl a{
	display:block;
}

#top_news dl dt {
float:left;
width:100px;
font-size:0.8em;
margin-right:1em;
}

#top_news dl dd {
font-size:0.8em;
}

/*************************
  about
*************************/

#about_logo {
float:left;
width:300px;
padding-right:50px;
}

#about_logo img {
margin:0 auto;
margin-bottom:30px;
}

#about_words {
float:left;
width:450px;
}

#about_words img.right10 {
margin-right:5px;
}

/*************************
  interview
*************************/

#int_words {
float:left;
width:570px;
padding-right:50px;
}

#int_words p.ques {
color:#FF6666;
}

#int_words p.ans {
padding:0 30px;
}

#int_words_pre {
padding:0 30px;
color:#666699;
}

#int_profile {
float:left;
width:180px;
}

#int_link a {
display:block;
text-align:center;
padding:10px 0;
border:#999999 1px solid;
margin-bottom:30px;
}

#int_lyric_en {
float:left;
font-size:0.9em;
width:375px;
padding-right:50px;
}

#int_lyric_jp {
float:left;
font-size:0.9em;
width:375px;
}

/*************************
  column
*************************/

#col_words {
margin:0 auto;
width:640px;
}

#col_words h3 {
padding-bottom:5px;
border-bottom:#0099FF dotted 1px;
}


#col_words_extend {
font-size:0.8em;
}

/*************************
  poem
*************************/


#sayo {
float:left;
width:333px;
margin-right:50px;
border:#CCCCCC 1px solid;
padding:20px;
}

#chiho {
float:left;
width:333px;
border:#CCCCCC 1px solid;
padding:20px;
}

/*************************
  special
*************************/

#special div {
float:left;
width:250px;
margin-right:22px;
}

#special table tr td {
width:380px;
padding-right:20px;
}

#special table tr td.width250 {
width:250px;
}

#special table tr td.width120 {
width:180px;
}


#special div h3 {
width:250px;
text-align:center;
color:#FFFFFF;
background-color:#7c4400;
font-weight:normal;
}

#special div.most_right {
margin-right:0;
}

#special div p {
padding-top:15px;
}


/*************************
  recipe
*************************/


#recipe_prof {
float:left;
width:330px;
padding-right:50px;
}

#recipe_list {
float:left;
width:420px;
}

#recipe_list ul li a {
display:block;
padding:5px 15px;
border:#999999 1px solid;
}

#recipe_shosai {
padding:0 80px;
width:640px;
}


/*************************
  blog
*************************/

#bloglist div{
float:left;
width:390px;
height:130px;
margin-bottom:15px;
margin-right:20px;
}

#bloglist div.most_right {
margin-right:0;
}

#blog_words {
float:left;
width:500px;
padding-right:50px;
}

#blog_words h3 {
border-bottom:#666666 1px dotted;
padding-bottom:10px;
}

#blog_profile {
float:left;
width:250px;
font-size:0.9em;
}

#blog_profile h4 {
width:230px;
font-weight:normal;
padding:2px 10px;
background-color:#FFCCCC;
color:#7c4700;
margin-bottom:10px;
}

/*************************
  diary
*************************/

#diary_words {
float:left;
width:500px;
padding-right:50px;
}

#diary_words h3 {
border-bottom:#666666 1px dotted;
padding-bottom:10px;
}

#diary_profile {
float:left;
width:250px;
font-size:0.9em;
}

#diary_profile h4 {
width:230px;
font-weight:normal;
padding:2px 10px;
background-color:#FFCCCC;
color:#7c4700;
margin-bottom:10px;	
}

#twitter_update_list li {
padding-bottom:1em;
}

#blog_profile h2 {
width:230px;
font-size:1em;
font-weight:normal;
padding:2px 10px;
background-color:#FFCCCC;
color:#7c4700;
margin-bottom:10px;	
}

#blog_profile ul {
margin-bottom:10px;	
}

/*************************
  contact
*************************/

#contact {
height:400px;
background:url(http://makanamagazine.com/assets/images/common/makana_mark.png) 20px no-repeat;
background-position:right;
}

/*************************
  Footter
*************************/

#footer {
width:900px;
margin-bottom:25px;
text-align:center;
}

#footer ul li {
display:inline;
font-size:0.8em;
padding-right:1em;
margin-right:1em;
border-right:1px dotted #aaaaaa;
}

#footer ul li.most_right {
padding-right:0;
margin-right:0;
border:0;
}

#footer img.mark {
margin:10px 0;
}

#footer address {
text-decoration:none;
font-size:0.8em;
font-style:normal;
color:#7c4700;
}

/*************************
  Form
*************************/

#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}